Merlin
Debug CSS

Debug CSS

Adds outline to all elements on the page to show the culprit element which is changing desired layout

Merlin
Upgrade to view and diff full source code
Additional files are visible only to premium users

manifest.json

{
  "update_url": "https://clients2.google.com/service/update2/crx",
  "manifest_version": 2,
  "name": "Debug CSS",
  "short_name": "Debug CSS by Pranay Joshi",
  "description": "Adds outline to all elements on the page to show the culprit element which is changing desired layout",
  "version": "1.0",
  "permissions": [
    "activeTab"
  ],
  "background": {
    "scripts": [
      "debug-CSS.js"
    ],
    "persistent": false
  },
  "browser_action": {
    "default_title": "Toggle Debug CSS",
    "default_icon": {
      "19": "images/toolbar-chrome.png",
      "38": "images/[email protected]"
    }
  },
  "commands": {
    "toggle-pin": {
      "suggested_key": {
        "default": "Alt+Shift+C"
      },
      "description": "Toggle Debug CSS"
    }
  },
  "icons": {
    "16": "icon_16.png",
    "48": "icon_48.png",
    "128": "icon_128.png"
  },
  "web_accessible_resources": [
    "debugCSS.min.css",
    "debugCSS.js"
  ]
}