Hex-Grid

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

Qu'est-ce que Hex-Grid ?

Hex-Grid est une extension Chrome développée par thehexcord, et sa fonction principale est "Show grid lines directly on any web page and also calculate pixel distances between elements.".

Captures d'Écran de l'Extension

screenshot
screenshot
screenshot
screenshot
screenshot

Télécharger le fichier CRX de l'extension Hex-Grid

Téléchargez les fichiers d'extension Hex-Grid au format crx, installez manuellement les extensions Chrome dans le navigateur ou partagez les fichiers crx avec des amis pour installer facilement les extensions Chrome.

Instructions d'Utilisation de l'Extension

                        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.                    

Informations de Base sur l'Extension

Nom Hex-Grid Hex-Grid
ID pidmjejnmfobkafcmkhppinpladjnnpg
URL Officiel https://chromewebstore.google.com/detail/hex-grid/pidmjejnmfobkafcmkhppinpladjnnpg
Description Show grid lines directly on any web page and also calculate pixel distances between elements.
Taille du Fichier 46.79 KB
Nombre d'Installations 90
Version Actuelle 1.0.2
Dernière Mise à Jour 2020-11-22
Date de Publication 2020-11-16
Développeur thehexcord
Email [email protected]
Type de Paiement free
Site Web de l'Extension https://github.com/grantfayvor/gridify
URL de la Page d'Aide https://www.hyperdebugger.dev
Langues Prises en Charge 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"
    ]
}