Pathy

Extension Developer Tools1 user

Overview

DevTools sidebar with full CSS path, XPath, and optimized selector for the currently selected element.

Pathy — Fast selectors for DevTools. Get the Full CSS Path, Full CSS Path (from nearest ID), Firefox-Style Path (Copy Path), Optimized Selector, XPath, and Playwright Locator for the selected element — with one-click copy. 👉 Full description Pathy adds a compact sidebar to Chrome DevTools that instantly shows multiple selector formats for the currently selected node. Whether you style, scrape, or test: copy the selector you need and keep moving—clean, fast, and reliable. 👉 Features - Full CSS Path - Full CSS Path (from nearest ID) - Firefox-Style Path (Copy Path) - Optimized Selector - XPath - Playwright Locator (ready to paste into tests) - One-click Copy buttons for every output - Helpful context (tag, id, classes, text snippet) - Lightweight: no bloat, no external requests 👉 Keyboard shortcuts F12 / Ctrl + Shift + I (Open DevTools on Windows/Linux) ⌥ + ⌘ + I (Open DevTools on macOS) 1 — Copy Full CSS Path 2 — Copy Full CSS Path (from nearest ID) 3 — Copy Firefox-Style Path (Copy Path) 4 — Copy Optimized Selector 5 — Copy XPath 6 — Copy Playwright Locator Live pick on page: Ctrl (Win/Linux) / ⌘ (macOS) + Left-Click Toggle “Follow Ctrl/Cmd + Left Click (live)” in the Pathy panel to update the selection directly from the page. 👉 How to use 1. Open Chrome DevTools. 2. Select a node in the Elements panel. 3. Open the Pathy sidebar on the right. 4. Use Copy or the shortcuts above. 👉 Permissions - storage — saves simple UI preferences. - clipboardWrite — enables copy buttons. 👉 Privacy Pathy does not collect or transmit any data. No analytics, no remote calls. 👉 Changelog 1.0.0 – Initial release: Full CSS Path, Full CSS Path (from nearest ID), Firefox-Style Path (Copy Path), Optimized Selector, XPath, Playwright Locator, one-click copy.

0 out of 5
No ratings
Learn more about results and reviews.

Details

Version
1.0.0
Updated
October 15, 2025
Flag concern
Offered by
Joschka Truemmer
Size
20.06KiB
Languages
English
Developer
Email
joschkatruemmer@gmail.com
Non-trader
This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

The developer has disclosed that it will not collect or use your data.

This developer declares that your data is

Not being sold to third parties, outside of the approved use cases
Not being used or transferred for purposes that are unrelated to the item's core functionality
Not being used or transferred to determine creditworthiness or for lending purposes

Web Inspector

5.0

Use Web Inspector: Easily inspect element, use devtools, harness developer tooling and activate chrome debugger for work.

XPath Tester

4.3

Simple XPath Tester: Easily check XPath expression in real-time. Validate and debug your XPath queries directly within your browser

CSS and XPath checker

2.8

A helper tool for to confirm CSS and XPath selector.

Ranorex Selocity

4.5

Auto-generate robust XPath, link text, RanoreXPath, and CSS selectors for use with Selenium.

Inspect Element

5.0

Use Inspect element – a CSS viewer with Chrome inspect element shortcut. Learn how to inspect element easily using this simple tool!

UI Inspector - Visual CSS Editor

3.7

Inspect and visually edit elements and their CSS directly on the page for faster design and UI debugging.

SelectorsHub

4.8

Locators Plugin to Auto Generate and Verify Playwright Locators, XPath & CSS Selectors.

Locator Labs - Playwright & Selenium Locator Generator

5.0

Generate smart Playwright & Selenium locators. Supports getByRole, XPath, CSS selectors, relative locators, & Page Objects.

AI Selector Hub

0.0

CSS selector generator with advanced features

Pesticide (without hover bar)

5.0

A CSS debugging tool that outlines all page elements to help identify and fix layout issues.

POM Builder – Auto-generate CSS/XPath Locator

3.0

Instantly auto-generate the most robust locator including Xpath, CSS selector and more for use with Selenium or Protractor.

SelectorsHub Pro

5.0

xPath plugin to auto generate, write and verify xpath & cssSelector.