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
官方網址 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": [
                ""
            ]
        }
    ]
}