CSS Debugger
A lightweight extension for Google chrome that shows the outline of all CSS elements on the page.
What is CSS Debugger?
CSS Debugger is a Chrome extension developed by Mathias Meldgaard Pedersen, and its main feature is "A lightweight extension for Google chrome that shows the outline of all CSS elements on the page.".
Extension Screenshots
Download CSS Debugger Extension CRX File
Download CSS Debugger extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.
Extension Usage Instructions
A simple extension that injects debug styles into any page helping you debug style and structure issues. Extension Basic Information
| Name |  CSS Debugger |
| ID | jmlihgplnddolhopaoengncklepinhgc |
| Official URL | https://chromewebstore.google.com/detail/css-debugger/jmlihgplnddolhopaoengncklepinhgc |
| Description | A lightweight extension for Google chrome that shows the outline of all CSS elements on the page. |
| File Size | 7.27 KB |
| Installation Count | 1,104 |
| Current Version | 0.1 |
| Last Updated | 2020-04-07 |
| Publish Date | 2020-04-02 |
| Rating | 5.00/5 Total 1 Ratings |
| Developer | Mathias Meldgaard Pedersen |
| [email protected] | |
| Payment Type | free |
| Privacy Policy Page URL | http://www.mathiaspedersen.dk |
| Supported Languages | en |
| manifest.json | |
{
"update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
"name": "CSS Debugger",
"version": "0.1",
"description": "A lightweight extension for Google chrome that shows the outline of all CSS elements on the page.",
"permissions": [
"tabs"
],
"manifest_version": 2,
"background": {
"scripts": [
"background.js"
],
"persistent": false
},
"content_scripts": [
{
"matches": [
"*:\/\/*\/*"
],
"js": [
"content.js"
]
}
],
"browser_action": {
"default_title": "CSS Debugger",
"default_icon": {
"16": "images\/icon_16.png",
"32": "images\/icon_32.png",
"48": "images\/icon_48.png",
"128": "images\/icon_128.png"
}
},
"icons": {
"16": "images\/icon_16.png",
"32": "images\/icon_32.png",
"48": "images\/icon_48.png",
"128": "images\/icon_128.png"
}
} | |
