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 파일 다운로드
크롬 확장 프로그램을 crx 형식으로 다운로드하여 브라우저에 수동으로 설치하거나 crx 파일을 친구들과 공유하여 쉽게 크롬 확장 프로그램을 설치하세요.
확장 프로그램 사용 설명서
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"
]
} | |
