Highlight DOM attributes, and copy their attribute path

Latest Version

Version
2.0
Update
July 21, 2022
Size
2.57MiB
Developer
Category
Users
28
Rating
5 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
Storage
See more

Tilda Extension

Powertool created for the use of Web based QA automation tests in mind.

Features:
* Allows highlighting all DOM elements on the screen containing a specific DOM attribute (specified in extention options)
* Allows the user to easily comprehand attribute values stored on DOMs at a glance.
* Vieweing heirarchy of doms under the same attribute selector
* Copying attribute data directly to clipboard (with the use of hotkeys)
* Copying selector used to match these DOMs to clipboard (with the use of hotkeys)
* Copying (attribute data / selector) path to hovered component
* UI is slick and animated!
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx",\t"manifest_version": 3,\t"name": "Tilda",\t"description": "Highlight DOM attributes, and copy their attribute path",\t"version": "2.0",\t"icons": {\t\t"16": "icon16.png",\t\t"48": "icon48.png",\t\t"128": "icon128-dev.png"\t},\t"content_scripts": [\t\t{\t\t\t"matches": [\t\t\t\t""\t\t\t],\t\t\t"js": [\t\t\t\t"js/content_script.js"\t\t\t],\t\t\t"run_at": "document_end"\t\t}\t],\t"background": {\t\t"service_worker": "js/background.js"\t},\t"permissions": [\t\t"storage"\t],\t"host_permissions": [\t\t""\t],\t"action": {\t\t"default_icon": {\t\t\t"48": "icon48.png"\t\t},\t\t"default_popup": "popup.html"\t}}
Read more

Similar Extensions

icon

Auto Clicker Pro Extension · Productivity 28 3 ★ 49.09KiB

icon

CopyTabTitleUrl Extension · Accessibility 28 20 ★ 66.61KiB

icon

HTML Copier Extension · Developer Tools 28 0 ★ 4.39KiB

icon

Select & Copy HTML Text Extension · Productivity 28 3 ★ 26.02KiB

icon

Find elements diff Extension · Developer Tools 28 9 ★ 45.73KiB

icon

Click to Copy Extension · Productivity 28 4 ★ 134KiB

icon

Copy URL To Clipboard Extension · Productivity 28 44 ★ 160KiB

icon

Copy Title and Url as Markdown Style Extension · Accessibility 28 40 ★ 7.09MiB

icon

Mixpanel Tools Extension · Developer Tools 28 6 ★ 2.13MiB

icon

DivSnapper Extension · Productivity 28 2 ★ 100KiB

icon

Scan CSS Extension · Productivity 28 7 ★ 115KiB

icon

Text Extractor Extension · Productivity 28 2 ★ 38.17KiB

icon

Copy URL Extension · Productivity 28 1 ★ 85.23KiB

icon

Copy as Markdown Extension · Developer Tools 28 31 ★ 31.6KiB

icon

URL to Markdown Extension · Productivity 28 0 ★ 27.63MiB

icon

Selenium Object Finder Extension · Developer Tools 28 20 ★ 181KiB

icon

Copy Rich Link Extension · Productivity 28 3 ★ 12.4KiB

icon

Page Info Extension · Productivity 28 1 ★ 1.08MiB

icon

GUID Generator Extension · Developer Tools 28 5 ★ 52.25KiB

icon

CSS Scanly - Copy CSS | Tailwind & Bootstrap Extension · Productivity 28 5 ★ 35.52KiB

icon

HTML Attributes Editor Extension · Developer Tools 28 0 ★ 12.63KiB

icon

Udemy Notes Extractor Extension · Productivity 28 0 ★ 16.51KiB

icon

Hnspector - Inspect headings Extension · Developer Tools 28 1 ★ 515KiB

icon

Element Selector Extension · Developer Tools 28 0 ★ 6.21KiB

User reviews

icon

Tomer Atar (ID: 0000002de4853c5a) Voted 5 ★ - Updated 11/16/2021 Really helps frontend developers see the coverage of automations on their UI, and helps QA automation teams easily obtain DOM anchors for UI automations 🧐