Find the unique selector for any element on page.

Latest Version

Version
0.1.1
Update
September 21, 2015
Size
80.23KiB
Developer
20paths.com
Category
Users
6,000+
Rating
2.87879 ★
Manifest Version
2
Web Store Status
Languages Support
English (United States)
See more
Permissions
ActiveTab
See more

jQuery Unique Selector Extension

Find the unique selector for any element on page

It will find an optimal selector that’s unique to the element selected. Highlight the elemt with mouse and for the elements that cannot be accessed with mouse you can pick the parents of any element.

Very useful for quickly getting selector for any element for testing frameworks and writing selector based jQuery code.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "jQuery Unique Selector", "version": "0.1.1", "description": "Find the unique selector for any element on page.", "background": { "scripts": ["background.js"], "persistent": true }, "browser_action": { "default_icon": "css_selector_icon_128.png", "default_title": "Click to start" }, "icons": { "128": "css_selector_icon_128.png", "48": "css_selector_icon_48.png", "16": "css_selector_icon_16.png" }, "content_scripts": [{ "matches": ["http://*/*", "https://*/*"], "css": [], "js": [ "js/jquery.js", "js/jquery.hotkeys.js", "/js/jquery.hoverIntent.js", "/src/dom-selector.js", "/src/highlighter.js", "/src/jquery.ct.js", "/js/main.js" ] }], "web_accessible_resources": [ "**.css", "**.html", "**.js", "**.png", "**.gif", "**.map" ], "permissions": [ "activeTab" ], "manifest_version": 2, "content_security_policy": "script-src 'self' 'unsafe-eval'; object-src 'self'"}
Read more

Similar Extensions

icon

Selectify Extension · Developer Tools 6,000+ 13 ★ 50.32KiB

icon

Element Locator Extension · Developer Tools 6,000+ 22 ★ 264KiB

icon

SelectorGadget Extension · Developer Tools 6,000+ 108 ★ 86.66KiB

icon

Selector Finder Extension · Developer Tools 6,000+ 3 ★ 333KiB

icon

jQuery Injector Extension · Developer Tools 6,000+ 26 ★ 57.7KiB

icon

Copy Css Selector Extension · Developer Tools 6,000+ 26 ★ 19.31KiB

icon

CSS Selector Helper Extension · Developer Tools 6,000+ 60 ★ 91.27KiB

icon

I love adaptive – Mobile/Responsive testing Extension · Developer Tools 6,000+ 30 ★ 7.48KiB

icon

Copy Element ID Extension · Developer Tools 6,000+ 16 ★ 119KiB

icon

ANNEXX Extension · Developer Tools 6,000+ 67 ★ 7.0MiB

icon

jQuery Debugger Extension · Developer Tools 6,000+ 110 ★ 88.52KiB

icon

XPath Helper Extension · Developer Tools 6,000+ 597 ★ 247KiB

icon

WordStater для Wordstat - сбор ключевых слов Extension · Productivity 6,000+ 144 ★ 999KiB

icon

Yandex Wordstat Assistant Extension · Productivity 6,000+ 271 ★ 72.75KiB

icon

CSS Selector Capture Pro Extension · Developer Tools 6,000+ 11 ★ 116KiB

icon

GTM Sonar Extension · Developer Tools 6,000+ 14 ★ 15.94KiB

icon

CSS Selector Extension · Productivity 6,000+ 2 ★ 73.43KiB

icon

Yandex Metrica Debugger Extension · Developer Tools 6,000+ 8 ★ 22.03KiB

icon

Agenty - Advanced Web Scraper Extension · Developer Tools 6,000+ 175 ★ 604KiB

icon

CSS Used Extension · Developer Tools 6,000+ 184 ★ 164KiB

icon

Yandex.Metrica Extension · Developer Tools 6,000+ 106 ★ 17.26KiB

icon

xPath Finder Extension · Developer Tools 6,000+ 34 ★ 15.28KiB

icon

dataslayer Extension · Developer Tools 6,000+ 80 ★ 417KiB

icon

Ranorex Selocity Extension · Developer Tools 6,000+ 51 ★ 6.59MiB

User reviews

icon

Matthew Lebo (ID: 000000e8cb4b75a3) Voted 1 ★ - Updated 03/05/2022 doesn't work "uncaught ReferenceError: _20p is not defined"

icon

Андрей (ID: 000000224ef29c03) Voted 1 ★ - Updated 10/20/2020 Not working at all,clicking icon,nothing happens

icon

pan ciekawski (ID: 0000004d8307bce4) Voted 1 ★ - Updated 04/05/2020 Doesn't work. How to use?

icon

Atul Varma (ID: 0000005257a08301) Voted 4 ★ - Updated 09/24/2019 BUGThere seems to be white spaces at random positions eg: input # checkout_reduction_code here you see a space which shouldn't be there. BTW great extension and a life saver.

icon

Lukas Rakauskas (ID: 000000facc81b235) Voted 2 ★ - Updated 06/27/2019 No explanation how to use it but I finally figured it out. Once page is loaded, click extension icon and hover over any element in the page, you should see blue borders around each html element.