css scanner Extension Chrome

The fastest, cleanest free css property viewer.

Latest Version

Version

4.0

Update

March 18, 2023

Size

339KiB

Developer

css scanner Extension

The cleanest. easiest way to view, copy, and export css.

css scanner 4.0: is the fastest free way to inspect css. Ditch Inspect element forever for this cleaner UI. Visualize the css of any element and copy its entire css rules with a single click.

Shortcuts:
- Ctrl+Shift+S: Activate Extension
- Alt+Shift+S: Pause/Continue
- Ctrl+Shift+X: Toggle Grid
- Spacebar: Pin the current block
- ESC Key: Close the Extension

This extension is free so support our small team of developers working on it:
https://www.buymeacoffee.com/tldralgos

If you have any feature requests or improvements you'd like to see, please let us know!

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx",\t"name": "css scanner",\t"manifest_version": 3,\t"version": "4.0",\t"description": "The fastest, cleanest free css property viewer.",\t"icons": {\t\t"16": "img/logo16.png",\t\t"24": "img/logo24.png",\t\t"32": "img/logo32.png",\t\t"48": "img/logo48.png"\t},\t"content_scripts": [{\t\t"matches": [""],\t\t"run_at": "document_start",\t\t"css": ["css/cssviewer.css"],\t\t"js": ["js/cssviewer.js"],\t\t"all_frames": true\t}],\t"background": { \t\t"service_worker": "js/background.js"\t},\t"action": {\t\t"default_icon": "img/logo16.png",\t\t"default_title": "Click to Run css scanner"\t},\t"permissions": [\t\t"tabs",\t\t"contextMenus",\t\t"storage",\t\t"scripting"\t],\t"host_permissions": [\t\t"http://*/*",\t\t"https://*/*",\t\t"file://*/*",\t\t"file://*/*"\t], \t"web_accessible_resources": [{\t\t"resources": [\t\t"img/trash.svg", "img/copy.svg", "img/code.svg",\t\t"img/size.svg", "img/font.svg", "img/close.svg",\t\t"img/options.svg", "img/pause.svg", "img/play.svg",\t\t"img/arrow_down.svg", "img/lightning.svg", "img/logo128.png",\t\t"img/bmc-button.svg"], \t\t"matches": [""]\t\t}]}