Hex-Grid

Show grid lines directly on any web page and also calculate pixel distances between elements.

Hex-Gridคืออะไร?

Hex-Grid เป็นส่วนขยายของ Chrome ที่พัฒนาโดย thehexcord และคุณลักษณะหลักของมันคือ "Show grid lines directly on any web page and also calculate pixel distances between elements."

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

screenshot
screenshot
screenshot
screenshot
screenshot

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

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

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

                        Have you ever wanted to visualize grid lines directly on web pages or calculate pixel distances between elements on a web page? Then this should be useful to you.

After activating the extension, you can build grids by pulling out vertical lines from the left of the web page and pulling out horizontal lines from the top of the web page.

Delete grid lines by selecting on the line to focus and using either the Backspace or Delete keys.

Calculate pixel distances by clicking to select the starting point and moving the cursor to the destination element.

Toggle the visibility of grid by right-clicking and selecting Toggle Grid Visibility.                    

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

ชื่อ Hex-Grid Hex-Grid
ID pidmjejnmfobkafcmkhppinpladjnnpg
URL อย่างเป็นทางการ https://chromewebstore.google.com/detail/hex-grid/pidmjejnmfobkafcmkhppinpladjnnpg
คำอธิบาย Show grid lines directly on any web page and also calculate pixel distances between elements.
ขนาดไฟล์ 46.79 KB
จำนวนการติดตั้ง 90
เวอร์ชันปัจจุบัน 1.0.2
อัปเดตครั้งล่าสุด 2020-11-22
วันที่เผยแพร่ 2020-11-16
ผู้พัฒนา thehexcord
อีเมล [email protected]
ประเภทการชำระเงิน free
เว็บไซต์ส่วนขยาย https://github.com/grantfayvor/gridify
URL หน้าช่วยเหลือ https://www.hyperdebugger.dev
ภาษาที่รองรับ en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "name": "Hex-Grid",
    "version": "1.0.2",
    "manifest_version": 2,
    "description": "Show grid lines directly on any web page and also calculate pixel distances between elements.",
    "browser_action": {
        "default_icon": "images\/hex_grid_logo.png",
        "default_popup": "index.html"
    },
    "permissions": [
        "activeTab",
        "contextMenus"
    ],
    "background": {
        "scripts": [
            "background.js"
        ],
        "persistent": false
    },
    "icons": {
        "16": "images\/hex_grid_logo_w128_h128.png",
        "32": "images\/hex_grid_logo_w128_h128.png",
        "48": "images\/hex_grid_logo_w128_h128.png",
        "128": "images\/hex_grid_logo_w128_h128.png",
        "256": "images\/hex_grid_logo_w256_h256.png",
        "512": "images\/hex_grid_logo_w512_h512.png"
    },
    "web_accessible_resources": [
        "content_script\/rulers.html",
        "content_script\/styles.css"
    ]
}