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

Similar Extensions

icon

Guide lines Extension · Developer Tools 1,000+ 3 ★ 9.17KiB

icon

Formal Measures Extension · Developer Tools 1,000+ 3 ★ 7.19KiB

icon

Guides Extension · Developer Tools 1,000+ 10 ★ 14.65KiB

icon

Page Ruler Extension · Productivity 1,000+ 83 ★ 256KiB

icon

Dimensions Extension · Developer Tools 1,000+ 454 ★ 17.28KiB

icon

Ruler Measurement Extension · Developer Tools 1,000+ 40 ★ 122KiB

icon

Grids & Rulers Extension · Developer Tools 1,000+ 5 ★ 31.24KiB

icon

Tape Extension · Developer Tools 1,000+ 155 ★ 12.68KiB

icon

guideLinr Extension · Developer Tools 1,000+ 25 ★ 53.25KiB

icon

Better Ruler Extension · Developer Tools 1,000+ 52 ★ 93.66KiB

icon

Measure-it Extension · Developer Tools 1,000+ 40 ★ 15.63KiB

icon

Liner. The Real Ruler Extension · Developer Tools 1,000+ 74 ★ 54.28KiB

icon

Grid Ruler Extension · Developer Tools 1,000+ 335 ★ 288KiB

icon

Measuremate Extension · Developer Tools 1,000+ 42 ★ 797KiB

icon

Simple Ruler Extension · Developer Tools 1,000+ 17 ★ 26.08KiB

icon

Grid Builder Extension · Developer Tools 1,000+ 11 ★ 43.28KiB

icon

Hover inspector like in Zeplin , Figma Extension · Developer Tools 1,000+ 29 ★ 122KiB

icon

Web Ruler Extension · Accessibility 1,000+ 33 ★ 172KiB

icon

Zaqwes Guide Lines Extension · Developer Tools 1,000+ 14 ★ 83.35KiB

icon

Measure Everything Extension · Developer Tools 1,000+ 40 ★ 52.93KiB

icon

Reticle Extension · Developer Tools 1,000+ 27 ★ 39.33KiB

icon

Designer Tools Extension · Developer Tools 1,000+ 227 ★ 987KiB

icon

PerfectPixel by WellDoneCode (pixel perfect) Extension · Developer Tools 1,000+ 605 ★ 732KiB

icon

Dimensions Inspect | Gridman Extension · Developer Tools 1,000+ 87 ★ 816KiB

User reviews

icon

Dmitry Gurovich (yrtimiD) (ID: 000000d0203fbd17) Voted 5 ★ - Updated 06/24/2022 Like it, very useful and easy to use

icon

Valentin Tanase (ID: 000000736041335f) Voted 4 ★ - Updated 10/20/2021 Once turned on can't exit the SnapGuide extension and mouse will keep the horizontal and vertical positioning line. If you open Inspect Element only clicks are recorded. SnapGuide helps but is far from a perfect tool

icon

Toan Tran Van (ID: 00000029ebb8ef91) Voted 4 ★ - Updated 01/21/2021 Short key to launch/stop SnapGuide seems not working

icon

John Doe (ID: 000000705f0d4fce) Voted 5 ★ - Updated 08/12/2020 Just perfect

icon

Дмитрий Скориков (ID: 00000018b04fbefb) Voted 5 ★ - Updated 01/23/2020 Cool!