Pre-General Availability: 2024-09-02

View the HTML Code for a Page

The only way to determine how a UI element is coded is by reviewing its HTML. These instructions are for to the Google Chrome browser.

Inspect a Page

1. Right-click any element on a web page, and select Inspect.

   The developer tools appear.

2. Ensure that the Elements tab is selected.

   This tab shows you the Document Object Model (DOM) of the web page. The DOM represents the web page as nodes and objects and allow the recorder and other tools to interact with the page. You can review the DOM to determine how a UI element is coded.

Identify the Part of the Page that a Node or Object Specifies

1. Complete the previous steps.
2. Point to any element on the Elements tab.

   The UI element that the node or object specifies is highlighted in blue. Some nodes and objects apply to the entire page, so they highlight the entire page.

   You can also view an element's XPath. See View an Element's XPath.