Screen Sizes

This extension displays grid and measurement overlays for a design grid system.

Premium users can view and search full source code, and see the source code differences between two versions.

manifest.json

{
  "background": {
    "service_worker": "/js/bg-worker.js"
  },
  "commands": {
    "_execute_browser_action": {
      "description": "Activate the extension",
      "suggested_key": {
        "default": "Ctrl+Shift+A",
        "mac": "Command+Shift+A"
      }
    },
    "toggle-columns": {
      "description": "Toggle columns",
      "suggested_key": {
        "default": "Ctrl+Shift+K",
        "mac": "Command+Shift+K"
      }
    },
    "toggle-lines": {
      "description": "Toggle lines",
      "suggested_key": {
        "default": "Ctrl+Shift+H",
        "mac": "Command+Shift+H"
      }
    }
  },
  "container": [
    "GOOGLE_DRIVE"
  ],
  "default_locale": "en",
  "description": "__MSG_AppDesc__",
  "icons": {
    "16": "icons/Logo16.png",
    "48": "icons/Logo48.png",
    "128": "icons/Logo128.png"
  },
  "manifest_version": 3,
  "name": "__MSG_AppName__",
  "offline_enabled": true,
  "permissions": [
    "storage",
    "activeTab",
    "scripting"
  ],
  "version": "3.0.0",
  "web_accessible_resources": [
    {
      "resources": [
        "src/css/grid.css",
        "src/css/report.css"
      ],
      "matches": [
        "<all_urls>"
      ]
    }
  ],
  "action": {
    "default_popup": "src/popup.html"
  },
  "homepage_url": "https://grid-view.freefinancetools.net/",
  "update_url": "https://edge.microsoft.com/extensionwebstorebase/v1/crx"
}