Hex-Grid

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

Hex-Grid là gì?

Hex-Grid là một tiện ích mở rộng Chrome được phát triển bởi thehexcord, và tính năng chính của nó là "Show grid lines directly on any web page and also calculate pixel distances between elements.".

Ảnh Chụp Màn Hình của Tiện Ích Mở Rộng

screenshot
screenshot
screenshot
screenshot
screenshot

Tải xuống tệp CRX của tiện ích mở rộng Hex-Grid

Tải xuống các tệp mở rộng Hex-Grid dưới định dạng crx, cài đặt các tiện ích mở rộng Chrome bằng tay trong trình duyệt hoặc chia sẻ các tệp crx với bạn bè để dễ dàng cài đặt các tiện ích mở rộng Chrome.

Hướng Dẫn Sử Dụng Tiện Ích Mở Rộng

                        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.                    

Thông Tin Cơ Bản về Tiện Ích Mở Rộng

Tên Hex-Grid Hex-Grid
ID pidmjejnmfobkafcmkhppinpladjnnpg
URL Chính Thức https://chromewebstore.google.com/detail/hex-grid/pidmjejnmfobkafcmkhppinpladjnnpg
Mô tả Show grid lines directly on any web page and also calculate pixel distances between elements.
Kích Thước Tệp 46.79 KB
Số Lần Cài Đặt 90
Phiên Bản Hiện Tại 1.0.2
Cập Nhật Lần Cuối 2020-11-22
Ngày Phát Hành 2020-11-16
Nhà Phát Triển thehexcord
Email [email protected]
Loại Thanh Toán free
Trang Web Mở Rộng https://github.com/grantfayvor/gridify
URL Trang Trợ Giúp https://www.hyperdebugger.dev
Ngôn Ngữ Được Hỗ Trợ 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"
    ]
}