Skip to main content

Working with Web Page Elements

Please read the Material Usage Rules on this site.

🔗 Original page — Source of this material

Element Tree​

image-20210228-152554

If you can't reach the desired element using the ❗→ action builder, you can open the ❗→ Element Tree Window and try to find the element there. In this window, the elements are arranged in a tree structure.

By looking at the elements' visual positions in the tree, you can find nearby elements, nested ones, and those that contain the current element. You can right-click an element in the tree to send its data directly to the action builder.

You can use the filter to highlight only those HTML elements you're interested in:

image-20210228-154725

Element Properties​

When you select an element in the tree, you can view its ❗→ properties in the corresponding window. The element will also be highlighted in the browser with a border.

image-20210228-154915

You can use these properties in the action builder to create actions.

When you enable ❗→ Follow Cursor Mode, the element's properties and its position in the tree are updated in real time.