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.”。
擴展截圖
下載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 |
| ID | pidmjejnmfobkafcmkhppinpladjnnpg |
| 官方網址 | 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 |
| 電子郵箱 | [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"
]
} | |
