By: CakhiaTV
Inspect and view changes in Layout Debugger source codes across current and past versions
Please login to examine the extension's source code.
manifest.json
{
"manifest_version": 2,
"name": "Layout Debugger",
"short_name": "Layout Debugger",
"description": "Chrome extension for highlighting DOM elements to better debug layout issues",
"version": "1.7",
"author": "Chris Snowden",
"icons": {
"19": "images/icon19dark.png",
"38": "images/icon38dark.png",
"128": "images/icon128dark.png"
},
"browser_action": {
"default_icon": {
"19": "images/icon19dark.png",
"38": "images/icon38dark.png"
},
"default_title": "Toggle highlighter"
},
"background": {
"scripts": [
"background.js"
],
"persistent": false
},
"content_scripts": [
{
"matches": [
"<all_urls>"
],
"js": [
"highlight.js"
]
}
],
"permissions": [
"activeTab"
],
"web_accessible_resources": [
"images/icon19dark.png",
"images/icon38dark.png",
"images/icon128dark.png",
"highlight.js"
],
"browser_specific_settings": {
"gecko": {
"id": "{624f9a0a-b329-447c-9bd5-cd51d1cdd0e0}"
}
}
} Best Layout Debugger Alternatives
Here are some Firefox add-ons that are similar to Layout Debugger:
Debug CSS
Pranay Joshi
CSS Layout Debugger
CSS Layout Debugger
CSS Debug Overlay Plus
Francis Ruiz
Devil Debugger
Vignesh Miller
Accessibility Insights for Web
Iitysthanhk
Css Layout Hack
WW88
Page Element Highlighter
Ricbet
Css Debug with Pesticide CSS
Rob
DOM Update Highlighter
klntsky
CSS Diagnostics
Atanas Atanasov