Chrome extension for measuring elements on page

Latest Version

Version
1.0.1
Update
February 8, 2021
Size
194KiB
Developer
Category
Users
1,000+
Rating
4.28571 ★
Manifest Version
2
Web Store Status
Languages Support
English
See more
Permissions
ActiveTab
See more

SnapGuide Extension

SnapGuide is a tool that brings Photoshop-like guides to web. It lets you put down guides that snap intelligently to the page content. It snaps to borders and padding, and will even snap to the baseline of text. There is on-screen help with a list of shortcuts.

Unlike some extensions it will not interfere with any webpage you visit unless you click the SnapGuide icon.

Once installed: Click icon or Alt+Shift+S to activate. Read help, or press Space to dismiss it. Mouse over document, observe that rules snap to useful positions (including baselines!), and use keys as follows:

V – add vertical guide
H – add horizontal guide
Q – remove all guides
←, ↑, →, ↓ – move cursor 1px (+ Shift for x10)
Space – toggle help

Alt+Shift+S - launch SnapGuide

Please leave feedback or send me suggestions at [email protected]
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "SnapGuide", "description": "Chrome extension for measuring elements on page", "icons": { "128": "icon/icon128.png", "48": "icon/icon48.png", "16": "icon/icon16.png" }, "version": "1.0.1", "permissions": ["activeTab"], "background": { "scripts": ["background.js"], "persistent": false }, "browser_action": { "browser_action": { "default_title": "SnapGuide", "default_icon": "icon/icon16.png" } }, "commands": { "toggle-snap-guide": { "suggested_key": { "default": "Alt+Shift+Z", "mac": "Alt+Shift+Z" }, "description": "Toggles SnapGuide" } }, "manifest_version": 2}
Read more