Draw a grid view, get page dimensions in pixel (px) unit and draw a rule

Latest Version

Version
0.1.2
Update
May 5, 2024
Size
68.01KiB
Developer
Category
Users
2,000+
Rating
0 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
Storage
ContextMenus
ActiveTab
Scripting
See more

Page Grid Ruler Extension

Features:
- Displays a grid view with a customizable grid size.
- Presents a reference box.
- Shows a ruler indicating width, height, start, and endpoints.

How to Use It:
1. Navigate to a page and activate the action button.
2. The extension transitions to grid mode, allowing you to create a personalized ruler.
3. The ruler dynamically displays width, height, start, and endpoint measurements.
4. To return to normal browsing mode, press the \"Escape\" key or click the action button once.
5. Use mouse wheel to resize grid size

Does this extension support \"mm,\" \"cm,\" or \"in\" units?
No, it does not provide precise values in these units. Instead, the extension employs pixel units. To convert pixel units to \"cm\" or \"in,\" you'll need the screen's PPI (pixel density or resolution) value.

How can I modify the default grid size?
Right-click on the action button. Two menus will appear, allowing you to adjust the grid size and thickness.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "version": "0.1.2", "name": "Page Grid Ruler", "description": "Draw a grid view, get page dimensions in pixel (px) unit and draw a rule", "offline_enabled": true, "permissions": [ "storage", "contextMenus", "activeTab", "scripting" ], "homepage_url": "https://webextension.org/listing/page-ruler.html", "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", "256": "/data/icons/256.png", "512": "/data/icons/512.png" }, "action": {}, "background": { "service_worker": "worker.js" }, "commands": { "_execute_action": {} }, "web_accessible_resources": [{ "resources": ["/data/view/index.html"], "matches": ["*://*/*"] }]}
Read more

Similar Extensions

icon

Page Ruler Extension · Developer Tools 2,000+ 15 ★ 15.33KiB

icon

Screen Ruler - Measure The Web Extension · Developer Tools 2,000+ 26 ★ 1.97MiB

icon

Grids & Rulers Extension · Developer Tools 2,000+ 5 ★ 31.24KiB

icon

Dimensions Extension · Developer Tools 2,000+ 454 ★ 17.28KiB

icon

Grid Ruler Extension · Developer Tools 2,000+ 335 ★ 288KiB

icon

Pixel measurement Extension · Developer Tools 2,000+ 26 ★ 236KiB

icon

Better Ruler Extension · Developer Tools 2,000+ 52 ★ 93.66KiB

icon

Page Grid Extension · Developer Tools 2,000+ 1 ★ 36.74KiB

icon

PixGrid Ruler Extension · Productivity 2,000+ 14 ★ 476KiB

icon

Liner. The Real Ruler Extension · Developer Tools 2,000+ 74 ★ 54.28KiB

icon

Simple Ruler Extension · Developer Tools 2,000+ 10 ★ 44.62KiB

icon

Designer Tools Extension · Developer Tools 2,000+ 227 ★ 987KiB

icon

Grid Lines Ruler Extension · Developer Tools 2,000+ 25 ★ 152KiB

icon

Ruler Measurement Extension · Developer Tools 2,000+ 40 ★ 122KiB

icon

Simple Ruler Extension · Developer Tools 2,000+ 17 ★ 26.08KiB

icon

Page Ruler Extension · Productivity 2,000+ 83 ★ 256KiB

icon

Metric Spy Extension · Developer Tools 2,000+ 2 ★ 268KiB

icon

Scope Master Extension · Developer Tools 2,000+ 2 ★ 351KiB

icon

Layout Grid for browser Extension · Productivity 2,000+ 1 ★ 952KiB

icon

Measuremate Extension · Developer Tools 2,000+ 42 ★ 797KiB

icon

CSS Grid Overlay Extension · Developer Tools 2,000+ 7 ★ 181KiB

icon

Tape Extension · Developer Tools 2,000+ 155 ★ 12.68KiB

icon

Page Ruler Extension · Productivity 2,000+ 4 ★ 171KiB

icon

Grid System Extension · Developer Tools 2,000+ 7 ★ 938KiB