Skip to content

Conversation

petekanev
Copy link
Contributor

Implement the DOM and CSS agents to display debug information in the Chrome DevTools.

Supported features (ticked boxes):

The implementation is such that the inspector backend requests information and the runtime calls to tns-core-modules callbacks to fetch the necessary visual tree information and the computed styles per view.

Relies on tns-core-modules 3.1 to provide the agreed-upon callbacks for seamless communication and to work properly. In case the DevTools Elements-enabled runtime is used with tns-core-modules prior to the version supporting elements tab, the visual tree will not be shown.

Considerations:

  • Views on the screen that do not extend tns-core-modules' ViewBase class will not be displayed in the DOM inspector.
  • Screens with complex visual trees may lock the main thread for a couple of seconds when first polling the tree in the DOM inspector.

@petekanev petekanev added this to the 3.1.0 milestone Jun 7, 2017
@ns-bot
Copy link

ns-bot commented Jun 7, 2017

💔

@petekanev
Copy link
Contributor Author

run ci

@ns-bot
Copy link

ns-bot commented Jun 7, 2017

💚

@petekanev petekanev merged commit 337bbaa into master Jun 12, 2017
@petekanev petekanev deleted the pete/devtools-elements branch June 12, 2017 14:36
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants