Hex-Grid

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

Co to jest Hex-Grid?

Hex-Grid to rozszerzenie Chrome opracowane przez thehexcord, a jego główną funkcją jest „Show grid lines directly on any web page and also calculate pixel distances between elements.”.

Zrzuty ekranu rozszerzenia

screenshot
screenshot
screenshot
screenshot
screenshot

Pobierz plik CRX rozszerzenia Hex-Grid

Pobierz pliki rozszerzeń Hex-Grid w formacie crx, zainstaluj ręcznie rozszerzenia Chrome w przeglądarce lub udostępnij pliki crx znajomym, aby łatwo zainstalować rozszerzenia Chrome.

Instrukcja Użytkowania Rozszerzenia

                        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.                    

Podstawowe informacje o rozszerzeniu

Nazwa Hex-Grid Hex-Grid
ID pidmjejnmfobkafcmkhppinpladjnnpg
Oficjalny URL https://chromewebstore.google.com/detail/hex-grid/pidmjejnmfobkafcmkhppinpladjnnpg
Opis Show grid lines directly on any web page and also calculate pixel distances between elements.
Rozmiar pliku 46.79 KB
Liczba instalacji 90
Aktualna Wersja 1.0.2
Ostatnia Aktualizacja 2020-11-22
Data Publikacji 2020-11-16
Deweloper thehexcord
E-mail [email protected]
Typ Płatności free
Strona Rozszerzenia https://github.com/grantfayvor/gridify
Adres URL Strony Pomocy https://www.hyperdebugger.dev
Obsługiwane Języki 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"
    ]
}