Hex-Grid

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

O que é Hex-Grid?

Hex-Grid é uma extensão do Chrome desenvolvida por thehexcord, e sua principal característica é "Show grid lines directly on any web page and also calculate pixel distances between elements.".

Capturas de Tela da Extensão

screenshot
screenshot
screenshot
screenshot
screenshot

Baixar o arquivo CRX da Extensão Hex-Grid

Baixe arquivos de extensão Hex-Grid no formato crx, instale manualmente as extensões do Chrome no navegador ou compartilhe os arquivos crx com amigos para instalar facilmente as extensões do Chrome.

Instruções de Uso da Extensão

                        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.                    

Informações Básicas da Extensão

Nome Hex-Grid Hex-Grid
ID pidmjejnmfobkafcmkhppinpladjnnpg
URL Oficial https://chromewebstore.google.com/detail/hex-grid/pidmjejnmfobkafcmkhppinpladjnnpg
Descrição Show grid lines directly on any web page and also calculate pixel distances between elements.
Tamanho do Arquivo 46.79 KB
Contagem de Instalações 90
Versão Atual 1.0.2
Última Atualização 2020-11-22
Data de Publicação 2020-11-16
Desenvolvedor thehexcord
Email [email protected]
Tipo de Pagamento free
Site da Extensão https://github.com/grantfayvor/gridify
URL da Página de Ajuda https://www.hyperdebugger.dev
Idiomas Suportados 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"
    ]
}