Helps users find the unique selector on websites. (by Aider Aliiev)
SingleJS Selector Helper Extension
Instructions for using the \"Mgid SingleJS Selector Helper\" plugin
Activate the plugin:
Click on the plugin icon in your browser. In the window that appears, click the \"Start\" button.
Select an element on the page:
Hover your mouse over the article container. The selected element will be highlighted in red. Click on the item to lock the selection.
Customize the selection using the keyboard:
Use the arrows on the keyboard to fine-tune:
Down arrow - move to the next neighbor on the same level.
Up arrow - move to the previous neighbor on the same level.
Right arrow - go deeper into the first nested element.
Left arrow - exit to the parent element.
When the desired element is selected, press Enter to confirm the selection.
Copy the selector:
After confirmation, a unique selector will be automatically generated and copied to the clipboard.
Result:
Use the copied selector in your tasks (e.g. simple js, etc.).
Read more
Activate the plugin:
Click on the plugin icon in your browser. In the window that appears, click the \"Start\" button.
Select an element on the page:
Hover your mouse over the article container. The selected element will be highlighted in red. Click on the item to lock the selection.
Customize the selection using the keyboard:
Use the arrows on the keyboard to fine-tune:
Down arrow - move to the next neighbor on the same level.
Up arrow - move to the previous neighbor on the same level.
Right arrow - go deeper into the first nested element.
Left arrow - exit to the parent element.
When the desired element is selected, press Enter to confirm the selection.
Copy the selector:
After confirmation, a unique selector will be automatically generated and copied to the clipboard.
Result:
Use the copied selector in your tasks (e.g. simple js, etc.).
Source Manifest.json
{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "SingleJS Selector Helper", "version": "1.0", "description": "Helps users find the unique selector on websites. (by Aider Aliiev)", "permissions": ["activeTab", "scripting"], "action": { "default_popup": "popup.html", "default_icon": { "16": "icon_16.png", "48": "icon_48.png", "128": "icon_128.png" } }, "icons": { "16": "new-icon_16.png", "48": "new-icon_48.png", "128": "new-icon_128.png" }, "content_scripts": [ { "matches": [""], "js": ["contentScript.js"] } ]}
Read more