Quickly copy HTML element data-{id}/input-id attributes for developers, QA, and designers.

Latest Version

Version

1.0.0

Update

October 11, 2024

Size

71.62KiB

Developer

Inspectify Extension

Effortlessly enhance your web development workflow with Inspectify, a powerful Chrome extension designed to copy the data-{id}/input-id attributes of HTML elements with a single click. Whether you're a developer, QA tester, or designer, this tool will streamline your debugging and automation processes by providing quick access to unique element identifiers.

Key Features:
•\tInstant Copy: Simply hover over any element and click to copy its data-{id}/input-id to your clipboard.
•\tUser-Friendly Interface: Intuitive design ensures ease of use for all skill levels.
•\tBoost Productivity: Save time and reduce errors when working with dynamic elements, forms, and scripts.
•\tLightweight: Minimal impact on your browser's performance.
How It Works:
1.\tInstall the Extension: Add Inspectify to your Chrome browser.
2.\tActivate the Tool: Click the extension icon to enable element inspection mode.
3.\tHover and Copy: Hover over any HTML element, and click to instantly copy its data-{id}/input-id attribute to your clipboard.
4.\tPaste and Use: Use the copied data-{id}/input-id in your development tasks, automation scripts, or debugging processes.
Who is it for?:
•\tWeb Developers: Simplify the process of locating and referencing elements in your code.
•\tQA Testers: Enhance your automated testing by quickly retrieving unique element identifiers.
•\tWeb Designers: Easily identify elements for styling and modifications.
Boost your efficiency and accuracy in web development with Inspectify. Install the extension and start copying data-{id}/input-id attributes effortlessly today!

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "Inspectify", "description": "Quickly copy HTML element data-{id}/input-id attributes for developers, QA, and designers.", "version": "1.0.0", "manifest_version": 3, "icons": { "16": "img/Icon_Inspectify-32.png", "32": "img/Icon_Inspectify-32.png", "48": "img/Icon_Inspectify-32.png", "128": "img/Icon_Inspectify-32.png" }, "action": { "default_title": "Chrome Element Inspector", "default_icon": "img/Icon_Inspectify-32.png" }, "background": { "service_worker": "service-worker-loader.js", "type": "module" }, "content_scripts": [ { "js": [ "assets/content-script-loader.index.ts.js.js" ], "matches": [ "http://*/*", "https://*/*" ] } ], "web_accessible_resources": [ { "matches": [ "http://*/*", "https://*/*" ], "resources": [ "img/Icon_Inspectify-32.png", "templates/template.html" ], "use_dynamic_url": false }, { "matches": [ "" ], "resources": [ "**/*", "*" ], "use_dynamic_url": true } ], "permissions": [ "clipboardWrite" ], "minimum_chrome_version": "102"}

Download CRX(71.62KiB)