Inspect the CSS of any element by only hovering over it. Improve web dev and design experience

Latest Version

Version
0.0.1
Update
December 1, 2024
Size
123KiB
Developer
Category
Users
3
Rating
0 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
See more

CSScan Extension

CSScan is a simple CSS scanner.

How to use:
To enable CSScan, simply click the toolbar icon and then hover over any element you want to inspect on the current page.

Privacy :
CSScan requires permission to access website data. However, CSScan do not collect nor will ever transmit any of your private data.

Known issues :
CSScan will not work in any opened tabs before installing it nor in the Google chrome store

We are constantly updating to add new features. Feel free to leave a comment if you have any questions.
Read more

Source Manifest.json

{
"update_url": "https://clients2.google.com/service/update2/crx",
"icons":{"16":"icon16.plasmo.6c567d50.png",
"32":"icon32.plasmo.76b92899.png",
"48":"icon48.plasmo.aced7582.png",
"64":"icon64.plasmo.8bb5e6e0.png",
"128":"icon128.plasmo.3c1ed2d2.png"},
"manifest_version":3,
"action":{"default_icon":{"16":"icon16.plasmo.6c567d50.png",
"32":"icon32.plasmo.76b92899.png",
"48":"icon48.plasmo.aced7582.png",
"64":"icon64.plasmo.8bb5e6e0.png",
"128":"icon128.plasmo.3c1ed2d2.png"}},
"version":"0.0.1",
"author":"olige ",
"name":"CSScan",
"description":"Inspect the CSS of any element by only hovering over it. Improve web dev and design experience",
"background":{"service_worker":"static/background/index.js"},
"content_scripts":[{"matches":[""],
"js":["content.883ade9e.js"],
"css":[]}],
"key":"MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAvaoQCJuiZtDzeNEK6dE8XPZtXlJmFtUWwIaYTvqCvJ8zHKEVlGX9WikWWZN85CwzxUzd/abV2473tjKnlrQGKxFSk84j5WB3JcM5TG9OAXXkhU789aCIuBJyDr/dN6J/vNKJTOGH1/afn1GAQvLFRrPgSJYmAEYhtPQ+aizAux7If+YpNsfwJUSgK1wYTo/+fH+nXk6uH170ZVXIgKCXNM6qE/tUfy+pGEwFg+d+/Yh9mCwjxxUuapxnqGpJXiEfwHOS67Jz2F/5yg235ZDzgebTA3CGfrUj0SdeMF/Aaqx+x6ELjFgBQpWyWG7NJlI8vaKuXLWfka62J0SpyZVZ2QIDAQAB",
"host_permissions":["https://*/*"],
"web_accessible_resources":[{"matches":[""],
"resources":["content.6e038a4b.css",
"content.5ff2b8bb.png"]}]}
Read more

Similar Extensions

icon

Inspect Element Extension · Developer Tools 3 30 ★ 162KiB

icon

Quick Inspect Element Extension · Developer Tools 3 9 ★ 360KiB

icon

SnipCSS Extension · Developer Tools 3 32 ★ 13.12MiB

icon

SelectorGadget Extension · Developer Tools 3 108 ★ 86.66KiB

icon

Show All Padding & Margins Extension · Developer Tools 3 1 ★ 23.17KiB

icon

Custom CSS by Denis Extension · Productivity 3 46 ★ 162KiB

icon

CSS Used Extension · Developer Tools 3 184 ★ 164KiB

icon

CSS Selector Tester Extension · Developer Tools 3 4 ★ 30.87KiB

icon

CSS Peeper Extension · Developer Tools 3 363 ★ 279KiB

icon

css scanner Extension · Developer Tools 3 6 ★ 339KiB

icon

PageRip (HTML + CSS Extract) Extension · Developer Tools 3 54 ★ 434KiB

icon

CSS Viewer for Google Chrome™ Extension · Productivity 3 334 ★ 346KiB

icon

CSS Scan Extension · Developer Tools 3 84 ★ 1.41MiB

icon

Live CSS Tester Extension · Developer Tools 3 5 ★ 147KiB

icon

Custom Style Script Extension · Developer Tools 3 37 ★ 49.86KiB

icon

Inspect CSS Extension · Developer Tools 3 24 ★ 404KiB

icon

CSSViewer Extension · Developer Tools 3 10 ★ 74.67KiB

icon

Outline HTML Elements Extension · Developer Tools 3 1 ★ 49.84KiB

icon

HTML CSS Viewer Extension · Developer Tools 3 0 ★ 7.65KiB

icon

Inspecta - validate design implementation Extension · Developer Tools 3 3 ★ 420KiB

icon

CSS Stripper Extension · Developer Tools 3 0 ★ 15.23KiB

icon

Scan CSS Extension · Productivity 3 7 ★ 115KiB

icon

Only HTML Extension · Productivity 3 1 ★ 11.65KiB

icon

Custom CSS Injector Extension · Developer Tools 3 0 ★ 9.41KiB