Copy Css Selector
Extends the Developer Tools and context menu, adding a sidebar that displays the css path of DOM element.
What is Copy Css Selector?
Copy Css Selector is a Chrome extension developed by Alexander Chermyanin (flamencist), and its main feature is "Extends the Developer Tools and context menu, adding a sidebar that displays the css path of DOM element.".
Extension Screenshots
Download Copy Css Selector Extension CRX File
Download Copy Css Selector extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.
Extension Usage Instructions
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. Extension Basic Information
| Name |  Copy Css Selector |
| ID | kemkenbgbgodoglfkkejbdcpojnodnkg |
| Official URL | https://chromewebstore.google.com/detail/copy-css-selector/kemkenbgbgodoglfkkejbdcpojnodnkg |
| Description | Extends the Developer Tools and context menu, adding a sidebar that displays the css path of DOM element. |
| File Size | 19.31 KB |
| Installation Count | 10,000 |
| Current Version | 0.5.0.3 |
| Last Updated | 2018-10-20 |
| Publish Date | 2018-10-20 |
| Rating | 3.91/5 Total 22 Ratings |
| Developer | Alexander Chermyanin (flamencist) |
| [email protected] | |
| Payment Type | free |
| Extension Website | https://github.com/flamencist/CopyCssSelector |
| Help Page URL | https://github.com/flamencist/CopyCssSelector/issues |
| Supported Languages | en |
| 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"
]
}
]
} | |
