Helps users find the unique selector on websites. (by Aider Aliiev)

Latest Version

Version
1.0
Update
December 4, 2024
Size
20.08KiB
Developer
Category
Users
9
Rating
5 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
ActiveTab
Scripting
See more

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

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