Grid Lines Ruler

manifest.json

{
  "update_url": "https://clients2.google.com/service/update2/crx",
  "name": "Grid Lines Ruler",
  "description": "Create grids on pages that provide the developers visual hints to help in developing the web app layouts.",
  "version": "0.0.0.1",
  "manifest_version": 3,
  "icons": {
    "16": "logo/16.png",
    "32": "logo/32.png",
    "48": "logo/48.png",
    "96": "logo/48.png",
    "128": "logo/128.png"
  },
  "content_scripts": [
    {
      "matches": [
        "<all_urls>"
      ],
      "css": [
        "content.css"
      ],
      "js": [
        "js/jquery-3.6.0.min.js",
        "content.js"
      ]
    }
  ],
  "action": {
    "default_icon": {},
    "default_title": "Grid Lines Ruler"
  },
  "permissions": [
    "storage"
  ],
  "background": {
    "service_worker": "background.js"
  },
  "web_accessible_resources": [
    {
      "resources": [
        "settings.html"
      ],
      "matches": [
        "<all_urls>"
      ]
    }
  ]
}