Hex-Grid

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

Wat is Hex-Grid?

Hex-Grid is een Chrome-extensie ontwikkeld door thehexcord, en de belangrijkste functie is "Show grid lines directly on any web page and also calculate pixel distances between elements.".

Extensie Screenshots

screenshot
screenshot
screenshot
screenshot
screenshot

Download het CRX-bestand van de extensie Hex-Grid

Download Hex-Grid-extensiebestanden in crx-indeling, installeer Chrome-extensies handmatig in de browser of deel de crx-bestanden met vrienden om Chrome-extensies eenvoudig te installeren.

Instructies voor het Gebruik van de Extensie

                        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.                    

Basisinformatie over de Extensie

Naam Hex-Grid Hex-Grid
ID pidmjejnmfobkafcmkhppinpladjnnpg
Officiële URL https://chromewebstore.google.com/detail/hex-grid/pidmjejnmfobkafcmkhppinpladjnnpg
Beschrijving Show grid lines directly on any web page and also calculate pixel distances between elements.
Bestandsgrootte 46.79 KB
Aantal Installaties 90
Huidige Versie 1.0.2
Laatst Bijgewerkt 2020-11-22
Publicatiedatum 2020-11-16
Ontwikkelaar thehexcord
E-mail [email protected]
Betalingswijze free
Extensiewebsite https://github.com/grantfayvor/gridify
Help Pagina-URL https://www.hyperdebugger.dev
Ondersteunde Talen 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"
    ]
}