Extends the Developer Tools and context menu, adding a sidebar that displays the css path of DOM element.

Latest Version

Version
0.5.0.3
Update
October 20, 2018
Size
19.31KiB
Developer
Category
Users
10,000+
Rating
3.69231 ★
Manifest Version
2
Web Store Status
Languages Support
English
See more
Permissions
ContextMenus
ActiveTab
ClipboardWrite
See more

Copy Css Selector Extension

Find the unique selector for any element on page.

It will find an optimal selector that’s unique to the element selected. Right click on the element with mouse and select Copy Css Selector menu item into buffer, so you can past copied selector to any text editor.

Very useful for quickly getting selector for any element for testing frameworks like as Selenium.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "Copy Css Selector", "short_name": "CopyCssSelector", "version": "0.5.0.3", "description": "Extends the Developer Tools and context menu, adding a sidebar that displays the css path of DOM element.", "devtools_page": "devtools.html", "background": { "page": "background.html" }, "manifest_version": 2, "icons": { "16": "icons/icon16.png", "48": "icons/icon48.png", "128": "icons/icon128.png" }, "author": "Alexander Chermyanin (flamencist)", "offline_enabled": true, "permissions": ["contextMenus", "activeTab", "clipboardWrite"], "content_scripts": [{ "all_frames": true, "matches": ["*://*/*"], "js": ["js/selector-generator.js", "js/content.js"], "css": ["css/style.css"] }]}
Read more