{"id":4625,"date":"2014-03-20T14:52:08","date_gmt":"2014-03-20T18:52:08","guid":{"rendered":"http:\/\/www.webperformance.com\/load-testing-tools\/blog\/?page_id=4625"},"modified":"2014-06-13T11:20:11","modified_gmt":"2014-06-13T15:20:11","slug":"how-inspect-element-browser","status":"publish","type":"page","link":"https:\/\/www.webperformance.com\/load-testing-tools\/blog\/articles\/real-browser-manual\/building-a-testcase\/how-inspect-element-browser\/","title":{"rendered":"How to inspect an element in the browser"},"content":{"rendered":"

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.<\/p>\n

Chrome<\/h1>\n
    \n
  1. Press F12 to open the Developer Tools in Chrome<\/li>\n
  2. Press the magnifying-glass (\"\") and then select the element on the page by clicking on it<\/li>\n
  3. The Elements tab will now show the selected element<\/li>\n<\/ol>\n

    \"ElementsTab\"<\/a><\/p>\n

    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).<\/p>\n

    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).<\/p>\n

    For more details, consult the Chrome Developer Tools documentation. I’ll suggest starting on this page<\/a> and read until they start describing how to edit elements (editing rarely useful for\u00a0 load testing).<\/p>\n","protected":false},"excerpt":{"rendered":"

    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.
    \nChrome<\/p>\n

    Press F12 to open the Developer Tools in Chrome
    \nPress the magnifying-glass () and then select the element on the page by clicking on it
    \nThe Elements tab will now show the selected element<\/p>\n

    <\/a>
    \nDouble-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).
    \nLeft-clicking the element will bring …     Continue reading »<\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"parent":4859,"menu_order":2,"comment_status":"open","ping_status":"open","template":"manual-page.php","meta":{"footnotes":""},"class_list":["post-4625","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.webperformance.com\/load-testing-tools\/blog\/wp-json\/wp\/v2\/pages\/4625","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.webperformance.com\/load-testing-tools\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.webperformance.com\/load-testing-tools\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.webperformance.com\/load-testing-tools\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.webperformance.com\/load-testing-tools\/blog\/wp-json\/wp\/v2\/comments?post=4625"}],"version-history":[{"count":1,"href":"https:\/\/www.webperformance.com\/load-testing-tools\/blog\/wp-json\/wp\/v2\/pages\/4625\/revisions"}],"predecessor-version":[{"id":4626,"href":"https:\/\/www.webperformance.com\/load-testing-tools\/blog\/wp-json\/wp\/v2\/pages\/4625\/revisions\/4626"}],"up":[{"embeddable":true,"href":"https:\/\/www.webperformance.com\/load-testing-tools\/blog\/wp-json\/wp\/v2\/pages\/4859"}],"wp:attachment":[{"href":"https:\/\/www.webperformance.com\/load-testing-tools\/blog\/wp-json\/wp\/v2\/media?parent=4625"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}