Grids & Rulers

Create grids and rulers overlays to help develop your web applications

Grids & Rulersคืออะไร?

Grids & Rulers เป็นส่วนขยายของ Chrome ที่พัฒนาโดย https://jeremie.patonnier.net และคุณลักษณะหลักของมันคือ "Create grids and rulers overlays to help develop your web applications"

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

screenshot
screenshot
screenshot
screenshot
screenshot
screenshot

ดาวน์โหลดไฟล์ CRX ของส่วนขยาย Grids & Rulers

ดาวน์โหลดไฟล์ส่วนขยาย Grids & Rulers ในรูปแบบ crx และติดตั้งส่วนขยาย Chrome ด้วยตนเองในเบราว์เซอร์หรือแชร์ไฟล์ crx กับเพื่อนๆ เพื่อติดตั้งส่วนขยาย Chrome อย่างง่ายดาย

คำแนะนำในการใช้ส่วนขยาย

                        Grids & Ruler is an extension that add a new panel to Chrome developer tools. That panel let you create and manage overlays on pages that provide you visual hints to develop you web app layouts.                    

ข้อมูลพื้นฐานของส่วนขยาย

ชื่อ Grids & Rulers Grids & Rulers
ID kaippllfihpjicemabbbcljbmcpccabl
URL อย่างเป็นทางการ https://chromewebstore.google.com/detail/grids-rulers/kaippllfihpjicemabbbcljbmcpccabl
คำอธิบาย Create grids and rulers overlays to help develop your web applications
ขนาดไฟล์ 31.24 KB
จำนวนการติดตั้ง 4,203
เวอร์ชันปัจจุบัน 2.0
อัปเดตครั้งล่าสุด 2020-05-22
วันที่เผยแพร่ 2020-05-22
คะแนน 5.00/5 รวมทั้งหมด 3 คะแนน
ผู้พัฒนา https://jeremie.patonnier.net
ประเภทการชำระเงิน free
เว็บไซต์ส่วนขยาย https://github.com/JeremiePat/grids-and-rulers
URL หน้าช่วยเหลือ https://github.com/JeremiePat/grids-and-rulers
ภาษาที่รองรับ en,fr
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 2,
    "name": "__MSG_extensionName__",
    "description": "__MSG_extensionDescription__",
    "version": "2.0",
    "default_locale": "en",
    "icons": {
        "16": "img\/icon.16.png",
        "32": "img\/icon.32.png",
        "48": "img\/icon.48.png",
        "64": "img\/icon.64.png",
        "96": "img\/icon.96.png",
        "128": "img\/icon.128.png"
    },
    "permissions": [
        "storage",
        "unlimitedStorage"
    ],
    "background": {
        "scripts": [
            "lib\/chrome-polyfill.js",
            "background.js"
        ]
    },
    "content_scripts": [
        {
            "matches": [
                ""
            ],
            "js": [
                "lib\/chrome-polyfill.js",
                "content\/js\/grids.js",
                "content\/js\/rulers.js",
                "content\/main.js"
            ],
            "css": [
                "content\/css\/grids.css",
                "content\/css\/rulers.css"
            ]
        }
    ],
    "devtools_page": "devtools.html"
}