Inspect the CSS of any element by only hovering over it. Improve web dev and design experience
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
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.
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
"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"]}]}