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"
    ]
}