DOM Explorer (Visual Studio)

Represents a live rendered HTML of the page that is running.
Allows you to perform similar inspection of the page while the app is running live inside Office.
Once you launch your app, simply toggle back to Visual Studio and from the Debug menu select Windows > DOM Explorer and then select the appropriate page from the menu.
Good for debugging layout and style issues.


Inspector Tool button
When selected allows you to focus elements, this time in the live app. Any selections you make will then be automatically highlighted in the DOM Explorer.


Element Highlighting
By toggling this option, any selection made in the explorer will also be highlighted in the App. This makes it easier to identify and focus problematic areas.


However, remember that here you are updating the live rendering of the app, not the original HTML, so these changes will NOT automatically be saved to the original source file.




© 2019 Better Solutions Limited. All Rights Reserved. © 2019 Better Solutions Limited TopPrevNext