SnapGuide插件,网页元素测量实用工具
SnapGuide 插件是一款将类似 Photoshop 的指南带入网络的工具,该插件支持捕捉到边框和填充,甚至会捕捉到文本的基线,它可以让用户放下与页面内容智能对齐的指南,并不会干扰用户访问的任何网页。
SnapGuide 插件是一款将类似 Photoshop 的指南带入网络的工具,该插件支持捕捉到边框和填充,甚至会捕捉到文本的基线,它可以让用户放下与页面内容智能对齐的指南,并不会干扰用户访问的任何网页。
SnapGuide 插件开发背景
对于网页设计而言,有时候肯定需要对网页页面进行测量。很多人可能喜欢直接使用网络标尺进行测量,但这款SnapGuide 插件却可以使用另外一种方式进行测量,直接通过快捷键即可实现,轻松让用户放下与页面内容智能对齐的指南,轻松捕捉边框和填充。
SnapGuide 插件功能介绍
作为一种将类似 Photoshop 的指南带入网络的工具,SnapGuide 插件支持在 Chrome 浏览器任意网页中让用户放下与页面内容智能对齐的指南,会捕捉到边框和填充,甚至会捕捉到文本的基线,屏幕上还有快捷方式列表帮助,用户可以直接根据帮助捕捉到有用的位置。
SnapGuide 插件使用方法
一、安装插件
如果有条件,可以直接在谷歌 Chrome 商店下载安装。如果无法访问 Chrome 商店,请在扩展迷下载 SnapGuide 插件的安装包,解压后将 crx 文件安装到你的谷歌浏览器上。
二、使用方法
SnapGuide 插件安装完成以后,可直接在需要测量的网页点击浏览器上方工具栏中的插件图标,当前网页右下角将自动弹出一个快捷键提示窗口,用户可以直接根据提示使用快捷键对当前网页进行测量。或者,通过快捷键【 Alt+Shift+S 】也可快速启动 SnapGuide。
通过单击图标或快捷键激活测量功能后,用户可将鼠标悬停在文档上,观察规则捕捉到有用的位置,包括基线,并按如下方式使用键,【 V 】表示添加垂直导轨,【 H 】表示添加水平引导,【 Q 】表示删除所有指南,空格可切换帮助,再次单击插件图标即可关闭。
SnapGuide插件,网页元素测量实用工具 - Extfans”