Better Ruler-网页测量工具 1.3.12 - Chrome浏览器插件扩展

Better Ruler是一款功能强大的网页测量工具，专为前端开发和UI设计提供便利而设计。Better Ruler通过提供精确且易于使用的测量功能，显著提升了前端开发和UI设计工作的效率和准确性。

插件说明

- 点击插件图标启动，再次点击退出。
- 移动鼠标的同时按住`Alt`键(`Option`, 如果是mac)，可实时显示当前鼠标位置元素的大小。按住左键拖动, 即可吸附到元素周围。
- 双击当前层进入编辑模式，可进行拖拽和缩放。再次双击（或者按下`Esc`）则退出编辑模式。按下`Backspace`删除当前层。
- 按下`f`键(默认，可配置)，切换显示和隐藏工具栏。
- 按下`shift`键，切换显示和隐藏尺寸大小。
- 可以使用快捷键`alt+z`启动和关闭插件。如果快捷键无效，可以去 chrome://extensions/shortcuts 手动绑定快捷键。或者，也可在插件启动过一次之后，通过双击`z`(默认，可配置)来激活和关闭插件。
- 进入chrome://extensions，找到本插件并开启`允许访问文件网址`，即可对本地html文件生效。
Better Ruler插图

插件安装说明

1、在打开的谷歌浏览器的扩展管理器
就是点击最左侧的三个点，在弹出的菜单中选择【更多工具】——【扩展程序】
或者你可以在地址栏中直接输入chrome://extensions/
2、进入扩展程序页面后将开发者模式打勾
3、最后将解压出来的crx文件拖入到浏览器中即可安装添加
4、如果出现无法添加到个人目录中的情况，可以将crx文件右键，然后选择【管理员取得所有权】，再尝试重新安装
5、安装好后即可使用