DOM Tree

Use the DOM Tree to explore the structure of your pages. You can access it by clicking the DOM button:

You can select an element on your page and then it is automatically highlighted in the DOM Tree:

You can explore its attributes and properties and setup them as you need in the properties inspector. They are different for different elements on your page, so the content of the properties inspector changes according to the selected element:

Right clicking an element allows you to insert any other element before, after or inside it:

DOM Tree toolbar allows you to add, duplicate and delete (1) elements in the tree or search for a specific element (2):