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 เป็นส่วนขยายของ Chrome ที่พัฒนาโดย v & g และคุณลักษณะหลักของมันคือ "Create grids on pages that provide the developers visual hints to help in developing the web app layouts."

ภาพหน้าจอของส่วนขยาย

screenshot
screenshot

ดาวน์โหลดไฟล์ CRX ของส่วนขยาย Grid Lines Ruler

ดาวน์โหลดไฟล์ส่วนขยาย 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": [
                ""
            ]
        }
    ]
}