Measure page elements size in pixel with an easy-to-use ruler.
Page Ruler Extension
Page Ruler is an extension that lets you measure distances (in pixels) on a webpage.
It draws a rectangular ruler when you move your mouse on the page. The ruler has width, height, start and end all labeled with corresponding metrics in pixels. When you move your mouse, the rectangle changes its size and all the numerics are updated. To activate the addon please press the toolbar button once. Likewise, to disable the addon please press the toolbar button again. This addon works with mouse clicks in desktop machines. For touch-enabled devices, you can work with touch to draw the rectangle within the page.
If you have a feature request in mind or found a bug to report, please fill the bug report form on the addon's homepage (https://mybrowseraddon.com/page-ruler.html).
Read more
It draws a rectangular ruler when you move your mouse on the page. The ruler has width, height, start and end all labeled with corresponding metrics in pixels. When you move your mouse, the rectangle changes its size and all the numerics are updated. To activate the addon please press the toolbar button once. Likewise, to disable the addon please press the toolbar button again. This addon works with mouse clicks in desktop machines. For touch-enabled devices, you can work with touch to draw the rectangle within the page.
If you have a feature request in mind or found a bug to report, please fill the bug report form on the addon's homepage (https://mybrowseraddon.com/page-ruler.html).
Source Manifest.json
{"update_url": "https://clients2.google.com/service/update2/crx", "version": "0.1.5", "name": "Page Ruler", "manifest_version": 3, "offline_enabled": true, "homepage_url": "https://mybrowseraddon.com/page-ruler.html", "description": "Measure page elements size in pixel with an easy-to-use ruler.", "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 Ruler", "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" }}
Read more