Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://www.jetbrains.com/help/rider/Viewing_Actual_HTML_DOM.html below:

View actual HTML DOM | JetBrains Rider Documentation

Debugging of JavaScript code is only supported in Google Chrome and in other Chromium-based browsers.

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.

1. Make sure the JavaScript and TypeScript, JavaScript Debugger, and Live Edit required plugins are enabled on the Settings | Plugins page, tab Installed. For more information, refer to Managing plugins.

2. Configure the built-in debugger as described in Configuring JavaScript debugger.

   To have the changes you make to your HTML, CSS, or JavaScript code immediately shown in the browser without reloading the page, activate the Live Edit functionality. For more information about the live editing functionality, refer to Live Edit in HTML, CSS, and JavaScript.

Learn more from Live Edit in HTML, CSS, and JavaScript.

1. To start a debugging session, create a run configuration of the type JavaScript Debug and click the Debug button () on the toolbar.

2. Switch to the Debug tool window and open the Elements tab. The tab consists of two read-only panes.

   • The Text pane shows the HTML source code of the page that is currently opened in the browser. As soon as any change is made to the page in the browser (e.g. clicking an icon), the code in the pane is updated accordingly.

   • The Structure pane shows the DOM structure of the HTML code in the Text pane.

   The Structure and the Text panes are mutually synchronized. When you click a node in the DOM structure, JetBrains Rider scrolls through the contents of the Text pane. The panes are also synchronized with the browser: as soon as you click a node in the DOM structure or in the Text pane, JetBrains Rider highlights the corresponding element in the browser.

3. To view a tree of executed scripts, open the Scripts tab.

05 August 2025

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4