Easily write and verify CSS and XPath selectors.

Latest Version

Version
0.1.1
Update
July 1, 2023
Size
2.93MiB
Developer
Category
Users
483
Rating
5 ★
Manifest Version
3
Web Store Status
Languages Support
English (UK)
See more
Permissions
See more

WebSync: Generate & Validate Selectors Extension

Generate and verify CSS and XPath selectors

How to use:
★ Open Elements tab of Chrome DevTools
★ Open WebSync panel
★ Click on the element in Elements tab
★ Click on element attribute (tag, id, class, text, etc.) in WebSync panel
★ Copy generated selector

WebSync was designed to reduce the time spent on routine repetitive operations when generating and validating selectors.

See how this task was achieved in our WebSync Overview - https://medium.com/@wsbaser/websync-tutorial-why-is-it-better-then-others-b4f0a4b80577
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "author": "wsbaser", "name": "WebSync: Generate & Validate Selectors", "version": "0.1.1", "description": "Easily write and verify CSS and XPath selectors.", "content_security_policy": { "extension_pages": "script-src 'self'; object-src 'self'" }, "icons": { "64": "icons/icon64.png" }, "background": { "service_worker": "assets/background.js" }, "content_scripts": [ { "matches": [""], "run_at": "document_idle", "js": ["assets/content.js"] }, { "matches": [""], "run_at": "document_idle", "css": ["assets/content.css"], "all_frames": true } ], "devtools_page": "./devtools.html"}
Read more