Grids & Rulers

Create rulers and grids overlays to help develop your web applications

Upgrade to view and diff full source code

Additional files are visible only to premium users

manifest.json

{
  "manifest_version": 2,
  "name": "__MSG_extensionName__",
  "description": "__MSG_extensionDescription__",
  "version": "2.0",
  "default_locale": "en",
  "icons": {
    "16": "img/icon.16.png",
    "32": "img/icon.32.png",
    "48": "img/icon.48.png",
    "64": "img/icon.64.png",
    "96": "img/icon.96.png",
    "128": "img/icon.128.png"
  },
  "permissions": [
    "storage",
    "unlimitedStorage"
  ],
  "background": {
    "scripts": [
      "lib/chrome-polyfill.js",
      "background.js"
    ]
  },
  "content_scripts": [
    {
      "matches": [
        "<all_urls>"
      ],
      "js": [
        "lib/chrome-polyfill.js",
        "content/js/grids.js",
        "content/js/rulers.js",
        "content/main.js"
      ],
      "css": [
        "content/css/grids.css",
        "content/css/rulers.css"
      ]
    }
  ],
  "devtools_page": "devtools.html"
}