How to inspect an element in the browser - Web Performance
Menu

How to inspect an element in the browser

When you need more information about an element (typically, to determine how to locate it on the page), the developer tools in the browser can be a great help. These are generally well documented, but here is a start.

Chrome

  1. Press F12 to open the Developer Tools in Chrome
  2. Press the magnifying-glass () and then select the element on the page by clicking on it
  3. The Elements tab will now show the selected element

ElementsTab

Double-clicking attributes of the element will allow you to copy the value and paste it into Load Tester (for example, to configure an Element ID locator).

Left-clicking the element will bring up a menu that includes the ability to generate an XPath for the element (to configure an XPath locator).

For more details, consult the Chrome Developer Tools documentation. I’ll suggest starting on this page and read until they start describing how to edit elements (editing rarely useful for  load testing).

Copyright © 2024 Web Performance, Inc.

A Durham web design company

×

(1) 919-845-7601 9AM-5PM EST

Just complete this form and we will get back to you as soon as possible with a quote. Please note: Technical support questions should be posted to our online support system.

About You
How Many Concurrent Users