Add a simple grid to any page with adjustable size, and color.

Latest Version

Version

0.1.0

Update

November 26, 2023

Size

36.74KiB

Developer

Page Grid Extension

Page Grid is an extension that enables you to draw an adjustable grid layout on any page.

To work with this addon, please navigate to a webpage and then press the toolbar button once. Once the addon is active, the toolbar icon is blue. For the inactive state, the toolbar button is gray. You can change the grid position (X/Y), line color, size, order (z-index), and line width (in pixel unit) via the extension options page. Reloading the active tab or pressing the toolbar button again will remove the grid from the page.

To report bugs or request a new feature, please fill out the bug report form on the addon's homepage (https://mybrowseraddon.com/page-grid.html).

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "version": "0.1.0", "name": "Page Grid", "manifest_version": 3, "offline_enabled": true, "homepage_url": "https://mybrowseraddon.com/page-grid.html", "description": "Add a simple grid to any page with adjustable size, and color.", "commands": { "_execute_action": {} }, "background": { "service_worker": "background.js" }, "options_ui": { "open_in_tab": true, "page": "data/options/options.html" }, "permissions": [ "storage", "scripting", "activeTab" ], "action": { "default_title": "Page Grid", "default_icon": { "16": "data/icons/16.png", "32": "data/icons/32.png", "48": "data/icons/48.png", "64": "data/icons/64.png" } }, "icons": { "16": "data/icons/16.png", "32": "data/icons/32.png", "48": "data/icons/48.png", "64": "data/icons/64.png", "128": "data/icons/128.png" }}

Download CRX(36.74KiB)