SnapGuide插件,网页元素测量实用工具

SnapGuide 插件是一款将类似 Photoshop 的指南带入网络的工具,该插件支持捕捉到边框和填充,甚至会捕捉到文本的基线,它可以让用户放下与页面内容智能对齐的指南,并不会干扰用户访问的任何网页。

SnapGuide 插件是一款将类似 Photoshop 的指南带入网络的工具,该插件支持捕捉到边框和填充,甚至会捕捉到文本的基线,它可以让用户放下与页面内容智能对齐的指南,并不会干扰用户访问的任何网页。


SnapGuide
开发者工具插件2021-12-214.3
Chrome extension for measuring elements on page
直达下载


SnapGuide 插件开发背景


对于网页设计而言,有时候肯定需要对网页页面进行测量。很多人可能喜欢直接使用网络标尺进行测量,但这款SnapGuide 插件却可以使用另外一种方式进行测量,直接通过快捷键即可实现,轻松让用户放下与页面内容智能对齐的指南,轻松捕捉边框和填充。


SnapGuide 插件功能介绍


作为一种将类似 Photoshop 的指南带入网络的工具,SnapGuide 插件支持在 Chrome 浏览器任意网页中让用户放下与页面内容智能对齐的指南,会捕捉到边框和填充,甚至会捕捉到文本的基线,屏幕上还有快捷方式列表帮助,用户可以直接根据帮助捕捉到有用的位置。


SnapGuide 插件使用教程

SnapGuide 插件使用方法

 

一、安装插件

 

如果有条件,可以直接在谷歌 Chrome 商店下载安装。如果无法访问 Chrome 商店,请在扩展迷下载 SnapGuide 插件的安装包,解压后将 crx 文件安装到你的谷歌浏览器上。

 

二、使用方法

 

SnapGuide 插件安装完成以后,可直接在需要测量的网页点击浏览器上方工具栏中的插件图标,当前网页右下角将自动弹出一个快捷键提示窗口,用户可以直接根据提示使用快捷键对当前网页进行测量。或者,通过快捷键【 Alt+Shift+S 】也可快速启动 SnapGuide。


SnapGuide 插件使用教程

通过单击图标或快捷键激活测量功能后,用户可将鼠标悬停在文档上,观察规则捕捉到有用的位置,包括基线,并按如下方式使用键,【 V 】表示添加垂直导轨,【 H 】表示添加水平引导,【 Q 】表示删除所有指南,空格可切换帮助,再次单击插件图标即可关闭。


SnapGuide 插件使用教程


SnapGuide
开发者工具插件2021-12-214.3
Chrome extension for measuring elements on page
直达下载
本站文章均为原创,版权归本站所有,如需转载或引用请注明出处如:“本文章转载自:

SnapGuide插件,网页元素测量实用工具 - Extfans”

相关标签

上一篇:读了吗·稍后插件,网页免费加强版稍后阅读工具

下一篇:Let's Play Infinity Games!夏日消暑小游戏特辑