...
| Page Tree |
|---|
...
|
...
We want to provide you with the latest help content in your language as soon as possible. This page has been translated automatically and may contain grammatical errors or inaccuracies. We want this content to be useful to you. Please let us know at the bottom of this page if this information was helpful.
View the original article in Russian: 🎨 Интерфейс программы
Where does the recording begin
After opening the program, you need to go to the "Recording and Debugging" tab, which contains the main windows for creating and editing a project. You can open an existing project or create a new one using the corresponding buttons in the top menu. To start recording, press the button [1] (see screenshot). After that, you can enter in the address bar of the browser [2] the address of the site with which you plan to work and record by performing actions manually. Or you can add actions to the project manually by right-clicking on any empty space in the project [3].
...
Main windows
...
In the main working window of the program, you can place 8 functional windows. They can be dragged and resized depending on what is more convenient for you. Some windows can be closed if you do not use them or rarely use them. You can restore closed windows through menu [1].
[2] Project window
In this window, when recording, actions appear when you perform any actions in the browser [3]. You can also create new actions manually (right click). They can be dragged, combined into groups, connected by logical links, building a sequence for the execution of the project.
[3] Browser
In this window, you can open various sites and record step by step actions by clicking links, filling in text fields, etc. At the top of this window there are icons for navigation, stopping page loading, tab management, options for clearing cache and cookies + a tool to view the source code, DOM and page text.
[4] Action properties
When you select one or another action in the project window [1], here you can fill in and change the settings for its work.
[5] Element Properties
If you have activated the "Follow the cursor" mode (right-click in the browser window), then when you hover over one or another element on the page, you can view its properties. Also, the properties of the elements will be displayed when working with the action constructor (right mouse click in the browser window) and the element tree [8].
[6] Variables
This window displays the current values of the project variables. During debugging, you can observe and analyze their values.
[7] Log
During debugging, a message appears in the log about successful actions and errors. This helps to fix and refine the project to a finished look.
[8] Element tree
When you cannot immediately identify an element in the browser, you can call up the element tree with a right click. It is a structured visual type of code with which you can easily find the element you need on the page.
[9] Minicap
By dragging the frame over the schematic display of your project, you can easily change the focus in the project window itself. This is useful when creating large templates.
Project data
Current project data
...
You can see the used profile parameters during debugging by clicking on the corresponding icons. Here you can also change the browser settings and certain data of the generated profile of the site visitor.
Default project data
...
The profile is configured in the advanced editor. It is there that you set the values from which the current profile will subsequently be generated at each start of the project. By double-clicking on the Profile icon, you can change browser settings and user data.
Browser-Project Interaction
Starting from the fifth version of ZennoPoster, the project and the browser are synchronized in real time. You can debug from anywhere in the template. If an error occurs at a particular stage of debugging, you can correct the action parameters on the fly and immediately test its operation with the new parameters. It is also possible to add a project at any time by clicking on the "Record" button in the top menu.
...
Using the debug buttons, you can initiate a run of the project from the very beginning, step by step, up to the breakpoint. By selecting any action, you can test its work within the current browser page. At the same time, the program will specify whether to include the selected action in debugging, or start with the following:
...
|