Page Ruler

Use the Page Ruler to measure the web for width, height of any section of your choice

What is Page Ruler?

Page Ruler is a Chrome extension developed by Web Page Ruler, and its main feature is "Use the Page Ruler to measure the web for width, height of any section of your choice".

Extension Screenshots

screenshot

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

                        The Web Page Ruler extension allows you to measure web page elements with a draggable ruler, giving you the dimensions, coordinates, and other relevant details in a matter of seconds. It's an invaluable tool for web designers, developers, and anyone who needs precise measurements on a web page.

Features:

1. Easily activate the ruler by clicking on the extension icon.
2. Draw a rectangular ruler by clicking and dragging your mouse over the web page.
3. Get accurate width, height, start and end measurements in pixels.
4. See X and Y axis details for precise positioning.
5. Works on clickable elements, buttons, and banners.
6. Only one ruler active at a time - clicking elsewhere or drawing a new ruler will close the current one.
7. Deactivate the ruler by clicking the extension icon, the cross mark on the 
8. "Ruler Mode" button, or pressing the ESC key.

Compatible with both mouse clicks and touch input on touch-enabled devices.
Whether you're a web designer working on a new layout or a developer debugging your site, the Web Page Ruler extension will make your job easier by providing a quick and convenient way to measure elements on any web page.

To get started with the Web Page Ruler extension, simply install it and click on the extension icon to activate the ruler. Measure any element on the web page by clicking and dragging your mouse, and see the dimensions, coordinates, and other details in real-time. Deactivate the ruler when you're done by clicking the extension icon, the cross mark on the "Ruler Mode" button, or pressing the ESC key.                    

Extension Basic Information

Name Page Ruler Page Ruler
ID hmfpcbphjchkbanagdkokidjghnkaema
Official URL https://chromewebstore.google.com/detail/page-ruler/hmfpcbphjchkbanagdkokidjghnkaema
Description Use the Page Ruler to measure the web for width, height of any section of your choice
File Size 10.19 KB
Installation Count 310
Current Version 1.0
Last Updated 2023-04-15
Publish Date 2022-10-13
Developer Web Page Ruler
Email [email protected]
Payment Type free
Supported Languages en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 3,
    "name": "Page Ruler",
    "version": "1.0",
    "description": "Use the Page Ruler to measure the web for width, height of any section of your choice",
    "permissions": [
        "activeTab",
        "scripting"
    ],
    "action": {
        "default_icon": {
            "16": "icon16.png",
            "48": "icon48.png",
            "128": "icon128.png"
        }
    },
    "content_scripts": [
        {
            "matches": [
                ""
            ],
            "js": [
                "content.js"
            ],
            "css": [
                "styles.css"
            ]
        }
    ],
    "background": {
        "service_worker": "background.js"
    }
}