Css Inspector Chrome extension icon

Css Inspector

👥 36 users
📦 v1.0.0
💾 4.27MiB
📅 2025-12-16
View on Chrome Web Store

Chrome will indicate if you already have this installed.

Overview

# CSS Inspector - Chrome Extension

Quickly inspect and copy CSS from any element on any webpage.

## Features

- **Point-and-click inspection**: Hover to highlight elements, click to select and display CSS.
- **Advanced CSS extraction**: Get computed styles and source rules from stylesheets.
- **Premium Glassmorphism UI**: Interactive, cursor-following overlay panel with a sleek, modern design.
- **Interactive Panel**: Pin/unpin the panel, switch between 'Code Editor' and 'Sources' views, and navigate tabs with arrow keys.
- **One-click copy**: Copy CSS rules, selectors, or source styles with a single click.
- **Keyboard shortcuts**: `Escape` to close, `Space` to pin/unpin the panel, `Arrow keys` to switch tabs.
- **Ruler guides**: Visual crosshair rulers for accurate element measurement.
- **Instant Feedback**: Toast notifications for copy actions and other interactions.
- **Accessibility**: Supports `focus-visible` and `prefers-reduced-motion` for enhanced usability.
- **Dark Theme**: VS Code-inspired dark theme for a consistent developer experience.

Tags

Productivity/developer developer design productivity/developer

Privacy Practices

Not being sold to third parties, outside of the approved use cases
Not being used or transferred for purposes that are unrelated to the item's core functionality
Not being used or transferred to determine creditworthiness or for lending purposes

🔐 Security Analysis

This extension hasn't been security-scanned yet.

Capture a screenshot of your current page in entirety and reliably—without requesting any extra permissions!
Productivity/developer AI
브라우저에서 라온시큐어의 PC보안 기능을 사용하기 위한 확장 프로그램입니다.
Productivity/developer
Adds React debugging tools to the Chrome Developer Tools. Created from revision 3cde211b0c on 10/20/2025.
Productivity/developer