Hex-Grid

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

Was ist Hex-Grid?

Hex-Grid ist eine Chrome-Erweiterung, die von thehexcord entwickelt wurde, und ihr Hauptmerkmal ist "Show grid lines directly on any web page and also calculate pixel distances between elements.".

Erweiterungsscreenshots

screenshot
screenshot
screenshot
screenshot
screenshot

Hex-Grid-Erweiterungs-CRX-Datei herunterladen

Laden Sie Hex-Grid-Erweiterungsdateien im crx-Format herunter, installieren Sie Chrome-Erweiterungen manuell im Browser oder teilen Sie die crx-Dateien mit Freunden, um Chrome-Erweiterungen einfach zu installieren.

Anleitung zur Verwendung der Erweiterung

                        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.                    

Grundlegende Informationen zur Erweiterung

Name Hex-Grid Hex-Grid
ID pidmjejnmfobkafcmkhppinpladjnnpg
Offizielle URL https://chromewebstore.google.com/detail/hex-grid/pidmjejnmfobkafcmkhppinpladjnnpg
Beschreibung Show grid lines directly on any web page and also calculate pixel distances between elements.
Dateigröße 46.79 KB
Installationsanzahl 90
Aktuelle Version 1.0.2
Letztes Update 2020-11-22
Veröffentlichungsdatum 2020-11-16
Entwickler thehexcord
E-Mail [email protected]
Zahlungsart free
Erweiterungswebsite https://github.com/grantfayvor/gridify
Hilfeseite URL https://www.hyperdebugger.dev
Unterstützte Sprachen 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"
    ]
}