Display CSS properties as overlay and export to Excel
CSS Inspector Pro Extension
Real-time CSS Inspection
Hover over elements to view their CSS properties
Shows element dimensions, margins, padding, and font details
Visual measurement lines for width and height
Non-intrusive overlay display
Element Selection
Click to pin/select elements
Click again to deselect
Multiple elements can be selected simultaneously
Selected elements maintain their measurements and highlights
Visual Measurements
Real-time size measurements (width × height)
Distance measurements to nearby elements
Visual measurement lines with dimensions
Automatic positioning of overlays to avoid screen edges
4. Detailed CSS Information
Basic info for hovered elements:
Element tag name
Dimensions
Position
Margin and padding
Basic font properties
Additional info for pinned elements:
Font weight
Line height
Letter spacing
Distances to nearby elements
5. Performance Optimizations
Debounced mouse movement handling
Event delegation
Limited DOM operations
Efficient overlay management
Smart element filtering
Export Functionality
Export CSS properties to CSV format
Compatible with Excel
Includes element tags, dimensions, and styles
Technical Features
1. Non-invasive Implementation
Preserves original element styles
Restores elements to original state on deselection
High z-index overlays to stay on top
Responsive Design
Adjusts overlay positions based on viewport
Handles window scrolling
Prevents overlays from going off-screen
Error Handling
Graceful error recovery
Debug logging
Clean cleanup on deactivation
Usage
Click the extension icon to activate
Hover over elements to see their CSS properties
3. Click elements to pin their measurements
Click again to unpin
Click the extension icon again to deactivate
Use export feature to save CSS data to CSV
The extension is designed to be a professional tool for developers and designers who need detailed CSS information while maintaining good performance and user experience.
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