Better Ruler

- - 点击插件图标启动，再次点击退出。 - 双击当前层进入编辑模式，可进行拖拽和缩放。再次双击（或者按下`esc`）则退出编辑模式。按下`backspace`删除当前层。 按下`shift`键，切换显示和隐藏尺寸大小。 - 进入chrome://extensions，找到本插件并开启`允许访问文件网址`，即可对本地html文件生效。 如果是mac)，可实时显示当前鼠标位置元素的大小。 移动鼠标的同时按住`alt`键(`option`, 一款网页测量工具，支持吸附测量。为前端开发和ui设计提供便利。 按下`f`键(默认，可配置)，切换显示和隐藏底部工具栏。 - 如果是mac)，如果在吸附范围内(距离元素边界50px内，距离顶点20px内，具体数值可在底部工具栏自定义)可自动吸附。 移动鼠标的同时按住`alt`键(`option`, 可以使用快捷键`alt+z`启动和关闭插件。如果快捷键无效，可以去 手动绑定快捷键。或者，也可在插件启动过一次之后，通过双击`z`(默认，可配置)来激活和关闭插件。 - - - chrome://extensions/shortcuts