How to verify an XPath expression in Chrome Developers tool or Firefox's Firebug?

We can verify an xpath expression in Chrome Developer tool or with Firefox Firebug. We can open the Developer tool in Chrome by pressing F12, then the Console tab is to be selected. We can validate the xpath with the $x("<xpath value>") expression.

On clicking Enter after entering the expression, an array of matching elements will be displayed. On hovering over the returned result, the actual element gets highlighted on the page. If there are no matching elements, an empty array shall be returned.

We also verify the xpath expression from the Firefox’s Firebug. First of all, we have to install the extensions Firebug and FirePath and then restart the Firefox browser. Then click on F12 to open the Developer Tool. Now we have to move to the FirePath panel. A dropdown with options xpath and css shall be available. We can validate the xpath expression there.

Please note this plugin may not be available to the latest Firefox versions.

Debomita Bhattacharjee

Updated on 26-Oct-2020 06:01:14

• Related Questions & Answers
• Which is the best browser to use: Chrome, Explorer, or Firefox?
• How to Delete Bookmarks in your Browser (Firefox, Chrome)
• How to enable JavaScript in Chrome, Firefox, and Safari?
• How to print XPath Expression result in JSP?
• CSS Opacity in Firefox, Safari, Chrome, Opera
• How to secretly copy to clipboard JavaScript function in Chrome and Firefox?
• Can we test XPath expression in JSP?
• How to use a value of XPath expression result in JSP in a variable?
• How to verify action bar is showing or not in android?
• How to force Chrome's script debugger to reload JavaScript?
• Debugging JavaScript using Firebug
• Can we have a switch statement in JSP for XPath expression?
• How to verify action bar tittle is truncating or not in android?
• How to debug JavaScript/jQuery event bindings with Firebug?
• How to verify an attribute is present in an element using Selenium WebDriver?