XPath CSS Explorer

XPath CSS Explorer

Locate optimized XPath and CSS selectors for any element, explore/search CSS selectors

What is XPath CSS Explorer?
XPath CSS Explorer is a web development tool that allows you to explore the structure of a web page, generate optimized and robust XPath and CSS selectors, and create tests that are resistant to changes in the UI.
Stats
This extension was removed from Chrome Web Store on 2022-12-08
Users: 2,112+
Rating: 2.33 (3)
Version: 0.9.0.6 (Last updated: 2019-07-08)
Creation date: 2019-07-03
Risk impact: Moderate risk impact
Risk likelihood: High risk likelihood
Manifest version: 2
Permissions:
  • activeTab
Size: 284.67K
Stats date:

Other platforms

Not available on Firefox
Not available on Edge
Want to check extension ranking and stats more quickly for other Chrome extensions? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Chrome Web Store.
Chrome-Stats extension
Summary

XPath CSS Explorer

This tool is designed to provide web developers ability to explore the structure of a web page and generate optimized and robust XPath and CSS selectors to be used in their tests and other use cases. Other than the absolute XPath, the other paths are optimized to be short and generic enough to withstand certain changes to the page playout. This is accomplished by utilizing ID and unique class information along with certain robust attributes such as name, title etc.

Explore Selectors This section is a fantastic way to explore the structure of a web page. It provides a search box to enter a CSS or XPath expression. On entering, it outlines all web elements matching the criteria. For example, type and enter "div", to find and outline all the divs in the page. Any legal CSS/XPath expression works here. Navigation UI shows all matched selectors along with the current one. It allows to cycle through the found matches.

Current Selector This section is designed to provide robust and optimized selector paths for any web element in a web page using a set of heuristics. Such paths can be embedded into Selenium or similar tools to create tests that are robust to changes in the UI. This panel automatically generates paths for current selected web item in the Elements panel.

Page CSS Information This section provides a way of knowing all ID and Class elements available on the current page. A numbered badge denotes the count if there is more than one element. Explore each item by clicking on it, which propagates it to the search box to generate outlines.

Please provide feedback to incorporate into future releases. Hope the tool is of help!

User reviews
broken
by Hari Krishna Hari Krishna, 2020-08-23

This is a really cool and useful extension. I like how you can search for a selector and it highlights all elements matching the selector. Also shows a simplified selector for element currently being inspected. I find myself using this extension particularly when studying the CSS design and organization of websites that I like.
by Sreechand Boppudi Sreechand Boppudi, 2019-04-12
View all user reviews
Safety
Risk impact

XPath CSS Explorer may not be safe to use and it requires some risky permissions. Exercise caution when installing this extension. Review carefully before installing.

Risk likelihood

XPath CSS Explorer may not be trust-worthy. Avoid installing if possible unless you really trust this publisher.

Upgrade to see risk analysis details
Promo images
XPath CSS Explorer small promo image
Small promo image
Similar extensions

Here are some Chrome extensions that are similar to XPath CSS Explorer: