generate css-selector
Generate unique CSS selectors for a DOM element
What is generate css-selector?
generate css-selector is a Chrome extension developed by sudharma.puranik, and its main feature is "Generate unique CSS selectors for a DOM element".
Extension Screenshots
Download generate css-selector Extension CRX File
Download generate 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
The main purpose of this extension is to generate a unique CSS-Selector for a given HTML DOM Element. It may so happen that that if the element has no attributes , it generates on the nth-child which may give multiple paths. This is my first extension and I am hoping for improvements for this.
If the right click is disabled on a site, for anchors you can right click and select generate css-selector on browser toolbar
Below are few known issues which I would fix in long run.
1. disabling of this extension. Explicitly you can disable with chrome extensions.
Let me know if anything is not relevant or which may be missing. Extension Basic Information
| Name |  generate css-selector |
| ID | pofboiihgopdkmpadindkglopckagdbm |
| Official URL | https://chrome.google.com/webstore/detail/generate-css-selector/pofboiihgopdkmpadindkglopckagdbm |
| Description | Generate unique CSS selectors for a DOM element |
| File Size | 90.75 KB |
| Installation Count | 41 |
| Current Version | 1.1 |
| Last Updated | 2014-03-11 |
| Publish Date | 2014-03-11 |
| Rating | 1.00/5 Total 4 Ratings |
| Developer | sudharma.puranik |
| Payment Type | free |
| Supported Languages | en-GB |
| manifest.json | |
{
"update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
"name": "generate css-selector",
"description": "Generate unique CSS selectors for a DOM element",
"version": "1.1",
"permissions": [
"activeTab",
"contextMenus",
"notifications"
],
"background": {
"page": "background.html"
},
"content_scripts": [
{
"matches": [
"http:\/\/*\/*",
"https:\/\/*\/*",
"file:\/\/\/*\/*"
],
"js": [
"jquery.js",
"elementLocator.js",
"content_script.js"
],
"css": [
"core.css"
]
}
],
"web_accessible_resources": [
"jquery-2.0.3.min.map"
],
"manifest_version": 2,
"browser_action": {
"default_icon": {
"19": "icon-arrow.png"
},
"default_title": "Path Generator"
}
} | |
