The HTML Page View

The HTML Page View is used when the page type of a Window is HTML or Binary. The view is split into several sub views, as shown below: the Address Bar, the Tag Path View, the Browser View and the HTML View.

The HTML Page View

The Address Bar show the URL of the document in the Page View. You can also (like in a browser) enter a new URL in this and if you press Enter a new Load Page step will be inserted in the robot before the current step.

In the Tag Path View, you see the path from the root tag of the page to the selected tag. In the Browser View, you see the page as it appears in a browser. In the HTML View you see the HTML of the page - as it looks like after JavaScript has been applied and any asynchronous data has been fetched.

You can select a tag in the Browser View by left-clicking in any of the views. The currently selected tag is shown with a green box in the Browser View and the HTML View, and with a green background in the Tag Path View. You can hold down Alt while clicking inside the currently selected tag to move the selection one level out, i.e. select the tag that encloses the selected tag. You can also hold down Alt and Shift while clicking inside the selected tag. This will move the selection one level in towards the tag that you clicked.

You can also change the current selection using the buttons to the right of the Address Bar. The and icons move the selection one level out or in. The icon selects the root tag of the page, while the icon selects the innermost tag inside the selected tag. The and icons select the tag above or below the selected tag. You can also search for a tag by clicking the icon.

The Browser View also shows the tags found by the Tag Finders of the current step. These tags are called found tags and will be shown with an orange box in the Browser View and the HTML View, and with an orange background in the Tag Path View. If you edit the Tag Finders, you can click the icon to show the new tags found. You can also configure the Tag Finders to use only the currently selected tag by clicking the icon, to use the currently selected tag as well as any other tags found by clicking the icon, to not use the currently selected tag by clicking the icon, or to not use any tags at all by clicking the icon.

Furthermore, the Page Views shows the named tags. Named tags are marker tags that are used as reference when finding other tags. Named tags can be set by step actions — for example, some loop actions use a named tag to mark the result of the current iteration of the loop. You can also set named tags manually. Named tags are shown with a blue box in the Browser View and the HTML View, and with a blue background in the Tag Path View.

In all Page views you can right-click a tag to open a pop-up menu that allows you to configure the current step or insert a new step. This is very useful and will probably become your preferred way of configuring the current step. From the menu, you can choose "Use only this Tag" or "Use this Tag" to configure the Tag Finders to find the tag that you clicked. You can also choose an action such as Enter Text from the menu. This will configure the current step to use the corresponding action, in this case Enter Text, on the tag that you clicked. The available option in the popup menu depends on the tag you click and typically one option is shown in bold text. This is the default option and can also be selected directly (without using the popup menu) by double-clicking on the tag in the Browser View. For example, if you want to enter a text in an input tag you just double-click on the input field in the Browser View. This will bring up a dialog from which you can enter the text and when you subsequently click on the OK button of this dialog a new step will be inserted in your robot before the current step and this will have an Enter Text action configured with your text.

To copy text or HTML from the HTML View, right-click the tag of interest and select an option from the menu that appears.