Hex-Grid

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

Hex-Gridとは何ですか?

Hex-Gridはthehexcordによって開発されたChromeの拡張機能で、その主な機能は「Show grid lines directly on any web page and also calculate pixel distances between elements.」です。

拡張機能のスクリーンショット

screenshot
screenshot
screenshot
screenshot
screenshot

Hex-Grid拡張機能のCRXファイルをダウンロード

Hex-Grid拡張子のファイルをcrx形式でダウンロードし、ブラウザにChrome拡張機能を手動でインストールするか、crxファイルを友達と共有して簡単にChrome拡張機能をインストールします。

拡張機能の使用方法

                        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.                    

拡張機能の基本情報

名前 Hex-Grid Hex-Grid
ID pidmjejnmfobkafcmkhppinpladjnnpg
公式URL https://chromewebstore.google.com/detail/hex-grid/pidmjejnmfobkafcmkhppinpladjnnpg
説明 Show grid lines directly on any web page and also calculate pixel distances between elements.
ファイルサイズ 46.79 KB
インストール数 90
現在のバージョン 1.0.2
最終更新日 2020-11-22
公開日 2020-11-16
開発者 thehexcord
Eメール [email protected]
支払い方法 free
拡張機能のウェブサイト https://github.com/grantfayvor/gridify
ヘルプページのURL https://www.hyperdebugger.dev
対応言語 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"
    ]
}