Elements tree window
Table of contents
Tool for visual analysis of the HTML code of a page.
Briefly about building a page
When a website page is requested, the browser receives the original HTML code in response, but before starting to render graphics, the stage of code analysis and its construction in the form of a node tree ( render tree ) precedes. Within the framework of a browser project, with the HTML structure, you have to work constantly. For better convenience, ZennoPoster includes an add-on for visual analysis of the tree of elements.
Open a window in the program
To call this window in the ProjectMaker program, in the top menu, click:
Main menu: " Window " → " Element tree "
With its help, you can navigate through the elements of the page, and in the browser, you can clearly see the selected object.
Element tree filter
In the element tree window, you can customize the display of certain tags, freeing yourself, thereby, from unnecessary elements, which will simplify the analysis of the document and significantly reduce the search time for the tag you need.
Additionally, on the window panel, there are buttons:
Show important elements only - will automatically leave only (important) frequently used tags.
Add or remove tags - by default, frequently used elements are added to the program, but you can manage their list yourself.
Working with the page object
With the right mouse button (RMB) on the selected element, calling the context menu, you can select a section for further work with the element as with an object.
Inspect element - calls the " Element Properties " window for a more detailed analysis of the properties of the selected element.
To the action designer is a tool that allows you to fine-tune the search methods for an element, while simultaneously testing actions on it.
XPath search - automatically builds the path to the element in the XML Path Language representation for further work in the action designer.
Parse data - a tool that allows you to set up data collection conditions with a minimum number of clicks, with a preliminary display of the result, in the same window.
This is a captcha - it adds a manual captcha input module to the project.
Search by picture is a tool for certain actions with the mouse over the selected area.
Additional tools for working with the source code of the page