getcssscan.com

The fastest and easiest way to check, copy and edit CSS.

Latest Version

Version

4.3.7

Update

October 18, 2024

Size

1.41MiB

Developer

getcssscan.com

CSS Scan Extension

This extension is paid and requires a license to use it. You can buy yours at https://getcssscan.com

CSS Scan is the fastest way to inspect and copy CSS. Visualize the CSS of any element you hover over instantly and copy its entire CSS rules with a single click.

Join 20,000+ professional developers using CSS Scan every day

Featured in: CSS Tricks, Smashing Magazine, Product Hunt, Designer News, t3n and many more websites.

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "CSS Scan", "description": "__MSG_description__", "default_locale": "en", "version": "4.3.7", "homepage_url": "https://getcssscan.com", "icons": { "96": "icon.png", "128": "icon_128.png" }, "action": { "default_icon": "icon.png" }, "permissions": [ "storage", "activeTab", "contextMenus", "clipboardWrite", "scripting" ], "host_permissions": [ "" ], "background": { "service_worker": "background.js" }, "web_accessible_resources": [{ "resources": [ "icon.png", "spinner.svg", "img/*", "tippy.css", "fontawesome/*", "alert.html" ], "matches": [""] }], "commands": { "_execute_action": { "suggested_key": { "windows": "Ctrl+Shift+S", "mac": "Ctrl+Shift+S", "chromeos": "Ctrl+Shift+S", "linux": "Ctrl+Shift+S" } }, "activate-grid": { "suggested_key": { "windows": "Ctrl+Shift+X", "mac": "Ctrl+Shift+X", "chromeos": "Ctrl+Shift+X", "linux": "Ctrl+Shift+X" }, "description": "__MSG_toggle_grid__" }, "scan-parent": { "suggested_key": { "windows": "Ctrl+Shift+E", "mac": "Ctrl+Shift+E", "chromeos": "Ctrl+Shift+E", "linux": "Ctrl+Shift+E" }, "description": "__MSG_scan_parent__" } }}

Download CRX(1.41MiB)

Similar Extensions

CSS Peeper Extension · Developer Tools 20,000+ 363 ★ 279KiB

CSS Inspector Extension · Developer Tools 20,000+ 64 ★ 2.57MiB

CSSViewer Extension · Developer Tools 20,000+ 371 ★ 301KiB

Hoverify Extension · Developer Tools 20,000+ 145 ★ 14.54MiB

SnipCSS Extension · Developer Tools 20,000+ 32 ★ 13.12MiB

Live editor for CSS, Less & Sass - Magic CSS Extension · Developer Tools 20,000+ 266 ★ 2.15MiB

SnappySnippet Extension · Developer Tools 20,000+ 9 ★ 2.24MiB

CSS SCANNER Extension · Developer Tools 20,000+ 5 ★ 2.75MiB

css scanner Extension · Developer Tools 20,000+ 6 ★ 339KiB

CSS Used Extension · Developer Tools 20,000+ 184 ★ 164KiB

Amino: Live CSS Editor Extension · Developer Tools 20,000+ 453 ★ 1.45MiB

Html Scan Extension · Developer Tools 20,000+ 17 ★ 167KiB

Inspect CSS Extension · Developer Tools 20,000+ 24 ★ 404KiB

CSS Brio Extension · Developer Tools 20,000+ 5 ★ 86.26KiB

Web Design Pirate Extension · Developer Tools 20,000+ 21 ★ 134KiB

eXtract Snippet Extension · Developer Tools 20,000+ 38 ★ 297KiB

Jinno: code any React component with AI Extension · Developer Tools 20,000+ 38 ★ 18.37MiB

CSS Viewer for Google Chrome™ Extension · Productivity 20,000+ 334 ★ 346KiB

DivMagic - Copy Style from any website Extension · Developer Tools 20,000+ 55 ★ 1.3MiB

VisBug Extension · Developer Tools 20,000+ 252 ★ 5.38MiB

Sizzy Extension · Developer Tools 20,000+ 57 ★ 40.47KiB

Responsive Viewer Extension · Developer Tools 20,000+ 298 ★ 639KiB

PageRip (HTML + CSS Extract) Extension · Developer Tools 20,000+ 54 ★ 434KiB

Site Palette Extension · Developer Tools 20,000+ 344 ★ 297KiB

User reviews

Fatih DEMİR (ID: 000000e552973d7c) Voted 5 ★ - Updated 08/06/2024 It's an excellent plugin. Works perfectly. When I send emails to the developer, the developer responds quickly and provides solutions and releases new versions and updates. My only suggestion; It would be much better if it is added to Devtools. I'm glad I bought it.

Benjamin PERRY (ID: 000000e99995b7a9) Voted 4 ★ - Updated 08/25/2023 Amazing, only 2 problems: 1) When you inspect element and activate the mobile view on Chrome CSS Scan doesn't work very well... 2) Why have an "inherited-style"? I don't understand the logic. It would be so much simpler to keep the name of the original class.

George Giraldo (ID: 00000097e8664565) Voted 4 ★ - Updated 03/15/2023 Works well.

Sam (ID: 000000e0a28cd5c4) Voted 2 ★ - Updated 02/20/2023 I've paid for it but I'm not satisfied with it as it copies so much unnecessary CSS that is not used for the element you copy. And even in HTML there's are so many classes. The naming convention for some classes is just so weird. It's almost like doing so much work to make something work. Sometimes this work maybe worth it but most of the time you'll feel like I should write this from scratch as so much cleanup is required even for very small elements because so much unnecessary CSS rules and properties are being copied most of the time. I'm really torn between do I see much value in it. I wonder if there's a refund option for this because so far I'm not much excited about using it.

James Ward (ID: 00000091ac765fee) Voted 1 ★ - Updated 01/30/2023 This is a paid extension so I havem't used and can't comment on how good it is or isn't but feel that it should be made clear you need to pay to use this ($90) however, you can use the inspect tool in chrome to get the same details for free

Get source code (.Zip)

Drop .crx file here or click
the button to choose the file

CSS Scan