DOM

DOM stands for Document Object Model. When the selected resource is a HTML page, the panel shows the DOM tree representing the nodes of the HTML document forming the web page.
The DOM tree is also populated in case of resources of type XML Sitemap or Index Sitemap, and the nodes represent the nodes of the XML document.

URL

The address of the page the shown DOM belongs to.

DOM tree

A tree representing the Document Object Model of the HTML or XML resource.
Nodes can be expanded and collapsed at pleasure.

Context menu

By right-clicking with the mouse on a node a context menu will appear:

DOM view context menu

Context menu command items are:

• Show in code
  Selects the Content panel and hightlights there the code of the selected element.
• Copy XPath
  Copies in the clipboard memory the XPath of the selected element.
  The XPath copied is the shortest possible XPath to qualify the element.
  This command does not show up when the selected node is a text node.
• Copy outerHTML
  Copies in the clipboard memory the outerHTML (or outerXML, in case of XML document) of the selected element.
  Outer HTML is the textual HTML code defining an HTML element - with the element itself included - and everything it contains.
• Copy innerHTML
  Copies in the clipboard memory the innerHTML (or innerXML, in case of XML document) of the selected element.
  Inner HTML is the textual HTML code defining all the HTML element contains, with the element itself excluded.