Highlight and copy any attribute on web pages with ease. Perfect for developers working with dynamic elements and attributes.
AttributeScope 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
Source Manifest.json
Similar Extensions
GoFullPage - Full Page Screen Capture 0 77052 ★ 1.81MiB
ColorZilla 0 3845 ★ 410KiB
JSON Formatter 0 1859 ★ 19.86KiB
User-Agent Switcher for Chrome 0 2631 ★ 132KiB
Lighthouse 0 318 ★ 50.7KiB
Similarweb - Website Traffic & SEO Checker 0 3255 ★ 1.19MiB
SEOquake 0 2529 ★ 1.5MiB
PrintFriendly - Print and PDF Web Pages 0 2550 ★ 512KiB
Clear Cache 0 1124 ★ 616KiB
ModHeader - Modify HTTP headers 0 1061 ★ 676KiB
SEO META in 1 CLICK 0 1108 ★ 462KiB
Selenium IDE 0 286 ★ 3.96MiB
Postman Interceptor 0 957 ★ 478KiB
Stylus 0 1101 ★ 1.01MiB
CSS Peeper 0 363 ★ 279KiB
WhatRuns 0 398 ★ 290KiB
Color Picker for Chrome™ 0 118 ★ 194KiB
BuiltWith Technology Profiler 0 407 ★ 54.1KiB
Detailed SEO Extension 0 193 ★ 266KiB
Fake Filler 0 752 ★ 536KiB
Responsive Viewer 0 298 ★ 639KiB
JSON Viewer Pro 0 137 ★ 349KiB
Requestly - Intercept, Modify & Mock HTTP Requests 0 1227 ★ 876KiB
Grepper 0 405 ★ 1.41MiB