Hex-Grid

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

Cos'è Hex-Grid?

Hex-Grid è un'estensione di Chrome sviluppata da thehexcord, e la sua funzione principale è "Show grid lines directly on any web page and also calculate pixel distances between elements.".

Screenshot dell'Estensione

screenshot
screenshot
screenshot
screenshot
screenshot

Scarica il file CRX dell'estensione Hex-Grid

Scarica i file di estensione Hex-Grid in formato crx, installa manualmente le estensioni di Chrome nel browser o condividi i file crx con gli amici per installare facilmente le estensioni di Chrome.

Istruzioni per l'Uso dell'Estensione

                        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.                    

Informazioni di Base sull'Estensione

Nome Hex-Grid Hex-Grid
ID pidmjejnmfobkafcmkhppinpladjnnpg
URL Ufficiale https://chromewebstore.google.com/detail/hex-grid/pidmjejnmfobkafcmkhppinpladjnnpg
Descrizione Show grid lines directly on any web page and also calculate pixel distances between elements.
Dimensione del File 46.79 KB
Conteggio Installazioni 90
Versione Corrente 1.0.2
Ultimo Aggiornamento 2020-11-22
Data di Pubblicazione 2020-11-16
Sviluppatore thehexcord
Email [email protected]
Tipo di Pagamento free
Sito Web dell'Estensione https://github.com/grantfayvor/gridify
URL della Pagina di Aiuto https://www.hyperdebugger.dev
Lingue Supportate 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"
    ]
}