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 |
| 官方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 |
| 电子邮箱 | [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"
]
} | |
