What is Page Ruler?

Page Ruler is a Chrome extension developed by https://sudarshanrai.com.np, and its main feature is "Page Ruler: Draw rulers on web pages to check element alignment in Chrome.".

Extension Screenshots

Download Page Ruler Extension CRX File

Download Page Ruler extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.

Extension Usage Instructions

Page Ruler is a browser extension that allows you to draw a ruler on any web page to check the alignment of page elements. With it, you can easily draw line guides to help you align elements.

To use Page Ruler, simply click on the extension icon in the browser toolbar and enable it, then click on top of the window and drag a line on the page to draw a ruler. You can adjust the ruler's position by dragging the line. You can also use the options menu to change the color and style of the ruler. With Page Ruler, you can quickly and easily check the alignment of your UI elements to ensure that your web page looks professional and well-designed.

Extension Basic Information

Name	Page Ruler
ID	eccmicoahcpagbnibfolooaocnlceieg
Official URL	https://chromewebstore.google.com/detail/page-ruler/eccmicoahcpagbnibfolooaocnlceieg
Description	Page Ruler: Draw rulers on web pages to check element alignment in Chrome.
File Size	15.33 KB
Installation Count	4,257
Current Version	2.2
Last Updated	2023-12-08
Publish Date	2023-01-02
Rating	3.80/5 Total 10 Ratings
Developer	https://sudarshanrai.com.np
Email	[email protected]
Payment Type	free
Privacy Policy Page URL	https://chrome-extension-docs.vercel.app/page-ruler/privacy-policy
Supported Languages	en-US
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "manifest_version": 3, "name": "Page Ruler", "description": "Page Ruler: Draw rulers on web pages to check element alignment in Chrome.", "version": "2.2", "permissions": [ "storage" ], "host_permissions": [ "" ], "action": { "default_popup": "index.html", "default_icon": "assets\/default_icon.png" }, "icons": { "16": "assets\/icon-16.png", "32": "assets\/icon-32.png", "48": "assets\/icon-48.png", "128": "assets\/icon-128.png" }, "content_scripts": [ { "js": [ "src\/scripts\/utils.js", "src\/scripts\/helper.js", "src\/scripts\/app.js" ], "css": [ "src\/styles\/inject.css" ], "matches": [ "https:\/\/\/", "http:\/\/\/" ] } ] }

Related Extensions