SyntaxFix

[google-chrome] How to verify an XPath expression in Chrome Developers tool or Firefox's Firebug?

Chrome

This can be achieved by three different approaches (see my blog article here for more details):

  • Search in Elements panel like below
  • Execute $x() and $$() in Console panel, as shown in Lawrence's answer
  • Third party extensions (not really necessary in most of the cases, could be an overkill)

Here is how you search XPath in Elements panel:

  1. Press F12 to open Chrome Developer Tool
  2. In "Elements" panel, press Ctrl+F
  3. In the search box, type in XPath or CSS Selector, if elements are found, they will be highlighted in yellow.

enter image description here

Firefox (since version 75)

Since FF 75 it's possible to use raw xpath query without evaluation xpath expressions, see documentation for more info.

Firefox (prior version 75)

  1. Either select "Web Console" from the Web Developer submenu in the Firefox Menu (or Tools menu if you display the menu bar or are on Mac OS X)
    or press the Ctrl+Shift+K (Command+Option+K on OS X) keyboard shortcut.

  2. In the command line at the bottom use the following:

    • $(): Returns the first element that matches. Equivalent to document.querySelector() or calls the $ function in the page, if it exists.

    • $$(): Returns an array of DOM nodes that match. This is like for document.querySelectorAll(), but returns an array instead of a NodeList.

    • $x(): Evaluates an XPath expression and returns an array of matching nodes.

Firefox (prior version 49)

  1. Install Firebug
  2. Install Firepath
  3. Press F12 to open Firebug
  4. Switch to FirePath panel
  5. In dropdown, select XPathor CSS
  6. Type in to locate

enter image description here

Examples related to google-chrome

• SessionNotCreatedException: Message: session not created: This version of ChromeDriver only supports Chrome version 81 • SameSite warning Chrome 77 • What's the net::ERR_HTTP2_PROTOCOL_ERROR about? • session not created: This version of ChromeDriver only supports Chrome version 74 error with ChromeDriver Chrome using Selenium • Jupyter Notebook not saving: '_xsrf' argument missing from post • How to fix 'Unchecked runtime.lastError: The message port closed before a response was received' chrome issue? • Selenium: WebDriverException:Chrome failed to start: crashed as google-chrome is no longer running so ChromeDriver is assuming that Chrome has crashed • WebDriverException: unknown error: DevToolsActivePort file doesn't exist while trying to initiate Chrome Browser • How to make audio autoplay on chrome • How to handle "Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first." on Desktop with Chrome 66?

Examples related to firefox

• Drag and drop menuitems • Class has been compiled by a more recent version of the Java Environment • Only on Firefox "Loading failed for the <script> with source" • Selenium using Python - Geckodriver executable needs to be in PATH • Selenium using Java - The path to the driver executable must be set by the webdriver.gecko.driver system property • How to use the gecko executable with Selenium • Selenium 2.53 not working on Firefox 47 • Postman addon's like in firefox • Edit and replay XHR chrome/firefox etc? • How to enable CORS on Firefox?

Examples related to selenium

• SessionNotCreatedException: Message: session not created: This version of ChromeDriver only supports Chrome version 81 • session not created: This version of ChromeDriver only supports Chrome version 74 error with ChromeDriver Chrome using Selenium • Selenium: WebDriverException:Chrome failed to start: crashed as google-chrome is no longer running so ChromeDriver is assuming that Chrome has crashed • WebDriverException: unknown error: DevToolsActivePort file doesn't exist while trying to initiate Chrome Browser • Class has been compiled by a more recent version of the Java Environment • How to configure ChromeDriver to initiate Chrome browser in Headless mode through Selenium? • How to make Firefox headless programmatically in Selenium with Python? • element not interactable exception in selenium web automation • Selenium Web Driver & Java. Element is not clickable at point (x, y). Other element would receive the click • How do you fix the "element not interactable" exception?

Examples related to xpath

• Xpath: select div that contains class AND whose specific child element contains text • XPath: difference between dot and text() • How to set "value" to input web element using selenium? • How to click a href link using Selenium • XPath: Get parent node from child node • What is the difference between absolute and relative xpaths? Which is preferred in Selenium automation testing? • How to use XPath preceding-sibling correctly • Selenium and xPath - locating a link by containing text • How to verify an XPath expression in Chrome Developers tool or Firefox's Firebug? • Concatenate multiple node values in xpath

Examples related to selenium-webdriver

• SessionNotCreatedException: Message: session not created: This version of ChromeDriver only supports Chrome version 81 • Selenium: WebDriverException:Chrome failed to start: crashed as google-chrome is no longer running so ChromeDriver is assuming that Chrome has crashed • WebDriverException: unknown error: DevToolsActivePort file doesn't exist while trying to initiate Chrome Browser • How to configure ChromeDriver to initiate Chrome browser in Headless mode through Selenium? • How to make Firefox headless programmatically in Selenium with Python? • Selenium Web Driver & Java. Element is not clickable at point (x, y). Other element would receive the click • How do you fix the "element not interactable" exception? • Scrolling to element using webdriver? • Only local connections are allowed Chrome and Selenium webdriver • Check if element is clickable in Selenium Java