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 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. The DOM also allows the recorder and other tools to interact with the page. 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.