PyCharm
 
Get PyCharm
You are viewing the documentation for an earlier version of PyCharm.

View actual HTML DOM

Last modified: 11 February 2024

When you are debugging client-side code, the Elements tab of the Debug tool window shows the HTML source code that implements the actual browser page and its HTML DOM structure.

Any changes made to the page through the browser or in the editor are also immediately reflected in the Elements tab.

Currently this functionality is supported only for Google Chrome and only during a debugging session.