English
See more
This is a Chrome Extension built to inspect the calculated css styles by clicking on the target
Latest Version
Version
0.0.1
Update
December 3, 2023
Size
11.24KiB
Developer
Category
Users
24 
Rating
0 ★
Manifest Version
3
Web Store Status
Extension ID
Languages Support
Permissions
ActiveTab
Scripting
See more
Scripting
Quick CSS inspector Extension
Click the extension icon to switch on the inspector's mode, and click any target inside the current page.
Then the page will be covered by a light mask, the box model of the selected item will be shown with a small window displayed beside to tell the calculated css values. The window is draggable.
Click anywhere on the mask except the window will close up the current displaying.
Refresh the page, or Click the extension icon again to switch off the inspector's mode, the page will be recovered to the original status.
Read more
Then the page will be covered by a light mask, the box model of the selected item will be shown with a small window displayed beside to tell the calculated css values. The window is draggable.
Click anywhere on the mask except the window will close up the current displaying.
Refresh the page, or Click the extension icon again to switch off the inspector's mode, the page will be recovered to the original status.
Source Manifest.json
{"update_url": "https://clients2.google.com/service/update2/crx", "version": "0.0.1", "manifest_version": 3, "name": "Quick CSS inspector", "description": "This is a Chrome Extension built to inspect the calculated css styles by clicking on the target", "background": { "service_worker": "/background.js" }, "content_scripts": [ { "js": ["/content.js"], "matches": [ "https://*/", "http://*/" ], "run_at": "document_end" } ], "action": { "default_title": "Click me to toggle inspector", "default_icon": { "16": "/box.jpeg", "32": "/box.jpeg", "48": "/box.jpeg", "128": "/box.jpeg" } }, "permissions": [ "activeTab", "scripting" ]}
Read more
Similar Extensions
Plugins 24 6 ★ 73.29KiB
Settings 24 153 ★ 89.66KiB
Custom Style Script 24 37 ★ 49.86KiB
CSS Stacking Context inspector 24 21 ★ 262KiB
Element Size Measurement 24 5 ★ 29.65KiB
Responsive Image Linter 24 7 ★ 55.32KiB
3D View website 24 4 ★ 17.25KiB
Chrome Extension Icon Generator By Coditude 24 10 ★ 1.21MiB
Visualping 24 1061 ★ 1.2MiB
CSS Selector Tester 24 4 ★ 30.87KiB
Color Picker Chrome extension 24 20 ★ 106KiB
Element Selectors 24 3 ★ 318KiB
Page Ruler 24 15 ★ 15.33KiB
CSS Stripper 24 0 ★ 15.23KiB
Simple Counter Button 24 40 ★ 34.68KiB
CSS Debugger 24 9 ★ 13.27KiB
Scan CSS 24 7 ★ 115KiB
View CSS 24 1 ★ 5.89KiB
CSS Override Extension 24 3 ★ 6.17KiB
Highlight Focus 24 2 ★ 13.45KiB
CSS Inspector 24 0 ★ 88.9KiB
Built with Tailwind CSS 24 0 ★ 33.29KiB
Website Customizer: Add Custom Style and CSS 24 2 ★ 1.45MiB
JS_Beautify,CSS_Beautify,HTML_Beautify 24 1 ★ 70.0KiB
