Easily write and verify CSS and XPath selectors.
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
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
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