Highlight and copy any attribute on web pages with ease. Perfect for developers working with dynamic elements and attributes.

Latest Version

Version
1.0
Update
February 19, 2025
Size
8.95KiB
Developer
Category
Users
0
Rating
0 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
Storage
ActiveTab
See more

AttributeScope Extension

Attribute Highlighter Chrome Extension

A Chrome extension that helps developers visualize and interact with elements containing any attribute on web pages.

Features

- 🔍 Highlights all elements with any attribute on the page
- 📋 One-key copying of attribute values (press 'CMD+C' or 'CTRL+C' while hovering)
- 🔄 Automatic detection of dynamically added elements
- 👁️ Toggle button visibility option
- 📋 Java Smart Copy option
- 💫 Smooth visual transitions and hover effects
- 🔍 Highlight elements by attribute name

How to Use

1. Click the \"Show Elements with Attribute\" button in the bottom-right corner of your page
2. Enter the attribute name you want to highlight
3. Click the \"Set\" button
4. Click the \"Enable Java Smart Copy\" button to format the attribute for java smart copy (this format is for selenium java)
5. Elements with attribute will be highlighted with a red border
6. Hover over any highlighted element to see its attribute value
7. Press 'CMD+C' or 'CTRL+C' while hovering to copy the attribute to your clipboard
8. Click the button again to disable highlighting

Technical Details

The highlighter includes:

- Real-time DOM observation for dynamic content
- Non-intrusive styling that preserves original element styles
- Efficient event handling and memory management
- Chrome storage sync for persistent button visibility preferences
- Tooltip system for easy attribute visualization
- Java Smart Copy option for java selenium
- Attribute name can be set to any attribute name

## Styling

The extension uses:

- Modern shadow effects for the toggle button
- Semi-transparent tooltips for better readability
- Responsive positioning for both button and tooltips
- High z-index values to ensure visibility

Browser Support

- Designed for Chrome and Chromium-based browsers
- Utilizes modern JavaScript features and DOM APIs
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "AttributeScope", "version": "1.0", "description": "Highlight and copy any attribute on web pages with ease. Perfect for developers working with dynamic elements and attributes.", "permissions": ["storage", "activeTab"], "content_scripts": [ { "matches": [""], "js": ["content.js"] } ], "action": { "default_popup": "popup.html" }}
Read more

Similar Extensions

icon

GoFullPage - Full Page Screen Capture Extension · Developer Tools 0 77052 ★ 1.81MiB

icon

ColorZilla Extension · Developer Tools 0 3845 ★ 410KiB

icon

JSON Formatter Extension · Developer Tools 0 1859 ★ 19.86KiB

icon

User-Agent Switcher for Chrome Extension · Developer Tools 0 2631 ★ 132KiB

icon

Lighthouse Extension · Developer Tools 0 318 ★ 50.7KiB

icon

Similarweb - Website Traffic & SEO Checker Extension · Developer Tools 0 3255 ★ 1.19MiB

icon

SEOquake Extension · Developer Tools 0 2529 ★ 1.5MiB

icon

PrintFriendly - Print and PDF Web Pages Extension · Productivity 0 2550 ★ 512KiB

icon

Clear Cache Extension · Developer Tools 0 1124 ★ 616KiB

icon

ModHeader - Modify HTTP headers Extension · Developer Tools 0 1061 ★ 676KiB

icon

SEO META in 1 CLICK Extension · Developer Tools 0 1108 ★ 462KiB

icon

Selenium IDE Extension · Developer Tools 0 286 ★ 3.96MiB

icon

Postman Interceptor Extension · Developer Tools 0 957 ★ 478KiB

icon

Stylus Extension · Developer Tools 0 1101 ★ 1.01MiB

icon

CSS Peeper Extension · Developer Tools 0 363 ★ 279KiB

icon

WhatRuns Extension · Developer Tools 0 398 ★ 290KiB

icon

Color Picker for Chrome™ Extension · Developer Tools 0 118 ★ 194KiB

icon

BuiltWith Technology Profiler Extension · Developer Tools 0 407 ★ 54.1KiB

icon

Detailed SEO Extension Extension · Developer Tools 0 193 ★ 266KiB

icon

Fake Filler Extension · Developer Tools 0 752 ★ 536KiB

icon

Responsive Viewer Extension · Developer Tools 0 298 ★ 639KiB

icon

JSON Viewer Pro Extension · Developer Tools 0 137 ★ 349KiB

icon

Requestly - Intercept, Modify & Mock HTTP Requests Extension · Developer Tools 0 1227 ★ 876KiB

icon

Grepper Extension · Developer Tools 0 405 ★ 1.41MiB