English
See more
An easy way to inspect the CSS of any element with only hover over, and copy its entire CSS with one click.
Latest Version
Version
1.2.10
Update
May 3, 2021
Size
2.57MiB
Developer
cssinspector.com
Category
Users
6,000+ 
Rating
2.48438 ★
Manifest Version
2
Web Store Status
Extension ID
Languages Support
Permissions
Tabs
ClipboardWrite
Storage
Http://*/*
Https://*/*
Https://typekit.com/
See more
ClipboardWrite
Storage
Http://*/*
Https://*/*
Https://typekit.com/
CSS Inspector Extension
⚡️CSS Inspector is the easiest & fastest way to inspect/edit live webpages without coding. It's simple, just click & copy
Features
🔎 Get CSS Properties simply by selecting an element
🎨 Get the color palette from any website
🖍 Get a color reading from any point in your browser, elements or images, and paste it
📏 Get distance between elements in the page
🅰 Inspect fonts, color and other font properties. All typographies in one place
One time purchase
CSS Inspector is a one-time purchase extension, and all updates are included with it. No subscriptions, and no further surprises :)
Read more
Features
🔎 Get CSS Properties simply by selecting an element
🎨 Get the color palette from any website
🖍 Get a color reading from any point in your browser, elements or images, and paste it
📏 Get distance between elements in the page
🅰 Inspect fonts, color and other font properties. All typographies in one place
One time purchase
CSS Inspector is a one-time purchase extension, and all updates are included with it. No subscriptions, and no further surprises :)
Source Manifest.json
{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 2, "name": "CSS Inspector", "version": "1.2.10", "description": "An easy way to inspect the CSS of any element with only hover over, and copy its entire CSS with one click.", "browser_action": { "default_icon": "images/app-icon.png", "default_title": "CSS Inspector" }, "icons": { "16": "images/app-icon.png", "48": "images/app-icon.png", "128": "images/app-icon--big.png", "184": "images/app-icon--big.png" }, "content_scripts": [ { "matches": [ "" ], "run_at": "document_start", "css": [ "css/styles.css", "css/tooltip.css", "css/fontawesome/css/fontawesome.min.css", "css/fontawesome/css/solid.min.css", "css/fontawesome/css/brands.min.css", "css/fonts_googleapis_family-Open_Sans.css" ], "js": [ "js/vendor/jquery-3.3.1.min.js", "js/vendor/shortcut.js", "js/vendor/vibrant.js", "js/vendor/color-thief.js", "js/vendor/core.js", "js/vendor/colorcube.js", "js/vendor/name-color.js", "js/vendor/tinycolor.js", "js/vendor/mustache.min.js", "js/vendor/jquery.scrollstop.js", "js/vendor/html2canvas.min.js", "js/01_content.js", "js/02_detect-font.js", "js/03_extract-color.js", "js/04_color-picker.js", "js/05_inspect-font.js" ] } ], "web_accessible_resources": [ "images/*", "css/anchor-cursor-default.css", "css/anchor-cursor-crosshair.css", "css/fontawesome/webfonts/fa-solid-900.eot", "css/fontawesome/webfonts/fa-solid-900.svg", "css/fontawesome/webfonts/fa-solid-900.ttf", "css/fontawesome/webfonts/fa-solid-900.woff", "css/fontawesome/webfonts/fa-solid-900.woff2", "css/fontawesome/webfonts/fa-brands-400.eot", "css/fontawesome/webfonts/fa-brands-400.svg", "css/fontawesome/webfonts/fa-brands-400.ttf", "css/fontawesome/webfonts/fa-brands-400.woff", "css/fontawesome/webfonts/fa-brands-400.woff2" ], "permissions": [ "tabs", "", "clipboardWrite", "storage", "http://*/*", "https://*/*", "https://typekit.com/" ], "background": { "scripts": [ "background/background.js" ], "persistent": false }, "commands": { "activate": { "suggested_key": { "default": "Alt+P" }, "description": "Activate pick color from web page" } }}
Read more
Similar Extensions
CSSViewer 6,000+ 371 ★ 301KiB
Inspect CSS 6,000+ 24 ★ 404KiB
Hoverify 6,000+ 145 ★ 14.54MiB
CSS Scan 6,000+ 84 ★ 1.41MiB
SnipCSS 6,000+ 32 ★ 13.12MiB
CSS Peeper 6,000+ 363 ★ 279KiB
CSS Used 6,000+ 184 ★ 164KiB
CSS Viewer for Google Chrome™ 6,000+ 334 ★ 346KiB
Web Design Pirate 6,000+ 21 ★ 134KiB
Amino: Live CSS Editor 6,000+ 453 ★ 1.45MiB
Visual CSS Editor 6,000+ 145 ★ 414KiB
InTab 6,000+ 12 ★ 11.18MiB
CSS Brio 6,000+ 5 ★ 86.26KiB
Jinno: code any React component with AI 6,000+ 38 ★ 18.37MiB
Live editor for CSS, Less & Sass - Magic CSS 6,000+ 266 ★ 2.15MiB
CSS Selector Capture Pro 6,000+ 11 ★ 116KiB
Web Editor 6,000+ 29 ★ 68.98KiB
SuperDev Pro 6,000+ 48 ★ 7.6MiB
eXtract Snippet 6,000+ 38 ★ 297KiB
Responsive Viewer 6,000+ 298 ★ 639KiB
Hover inspector like in Zeplin , Figma 6,000+ 29 ★ 122KiB
Site Palette 6,000+ 344 ★ 297KiB
CSS3 Generator 6,000+ 60 ★ 346KiB
Dimensions Inspect | Gridman 6,000+ 87 ★ 816KiB
User reviews
That Guy (ID: 000000a68f30d3c7) Voted 1 ★ - Updated 11/14/2023
Cosmin Marin (ID: 000000f9e9a45e01) Voted 1 ★ - Updated 10/19/2023
Omar A (ID: 000000f93c015dad) Voted 1 ★ - Updated 08/02/2023
Trey Waller (ID: 0000002230d740e6) Voted 1 ★ - Updated 07/31/2023
Tiago Rangel (ID: 0000002dd06de488) Voted 1 ★ - Updated 07/30/2023
