English
See more
Show grid lines directly on any web page and also calculate pixel distances between elements.
Latest Version
Version
1.0.2
Update
November 22, 2020
Size
46.79KiB
Developer
Category
Users
92 
Rating
0 ★
Manifest Version
2
Web Store Status
Extension ID
Languages Support
Permissions
ActiveTab
ContextMenus
See more
ContextMenus
Hex-Grid Extension
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.
Read more
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.
Source 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" ]}
Read more
