Extends the Developer Tools and context menu, adding a sidebar that displays the css path of DOM element.
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
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.
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