Grid Lines Ruler

Create grids on pages that provide the developers visual hints to help in developing the web app layouts.

什么是Grid Lines Ruler?

Grid Lines Ruler是由v & g开发的Chrome扩展程序,该扩展的主要功能是“Create grids on pages that provide the developers visual hints to help in developing the web app layouts.”。

扩展截图

screenshot
screenshot

下载Grid Lines Ruler扩展crx文件

下载Grid Lines Ruler扩展crx格式的文件,手动将Chrome插件安装到浏览器中,也可以将crx文件分享给朋友,轻松安装Chrome插件。

扩展使用说明

                        ⬇️Easy to set up ⬇️:

1. Download and add this extension from Google Chrome.
2. Click on the extension to activate its working.
3. Drag from both Vertical ↕️ or Horizontal ↔️ from the main ruler to create grids. ​​#️⃣
4. Click on the intersection of vertical and horizontal grids to go into ruler mode.
5. Press and hold the “SHIFT” button to get a straight line.

✨Features ✨:
1.  🆓 & super Easy to set-up. 🆓
2. Creates vertical and horizontal grids. ​​#️⃣
3. A ruler 📏 to measure distance between your grids too.

📌Pin our extension to create and manage overlays on pages to provide you the visual hints to develop the web app layouts.                    

扩展基本信息

名称 Grid Lines Ruler Grid Lines Ruler
ID efbjomaifkkegoiioihfcallbkfgibbo
官方URL https://chromewebstore.google.com/detail/grid-lines-ruler/efbjomaifkkegoiioihfcallbkfgibbo
简介 Create grids on pages that provide the developers visual hints to help in developing the web app layouts.
文件大小 152 KB
安装次数 2,000
当前版本 0.0.0.1
更新时间 2022-09-26
上架时间 2022-09-26
评分 4.63/5 共24次评分
开发者 v & g
电子邮箱 [email protected]
付费类型 free
支持的语言 en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "name": "Grid Lines Ruler",
    "description": "Create grids on pages that provide the developers visual hints to help in developing the web app layouts.",
    "version": "0.0.0.1",
    "manifest_version": 3,
    "icons": {
        "16": "logo\/16.png",
        "32": "logo\/32.png",
        "48": "logo\/48.png",
        "96": "logo\/48.png",
        "128": "logo\/128.png"
    },
    "content_scripts": [
        {
            "matches": [
                ""
            ],
            "css": [
                "content.css"
            ],
            "js": [
                "js\/jquery-3.6.0.min.js",
                "content.js"
            ]
        }
    ],
    "action": {
        "default_icon": [],
        "default_title": "Grid Lines Ruler"
    },
    "permissions": [
        "storage"
    ],
    "background": {
        "service_worker": "background.js"
    },
    "web_accessible_resources": [
        {
            "resources": [
                "settings.html"
            ],
            "matches": [
                ""
            ]
        }
    ]
}