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 مع الأصدقاء لتثبيت الامتدادات بسهولة.

تعليمات استخدام التمديد

                        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
عنوان صفحة المساعدة 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"
    ]
}