Better Ruler

★★★★★
★★★★★
30,000+ users
  `shift` 键(可配置):页面内快速激活/关闭插件(需插件至少启动过一次)   - -   `z` ### -   -   **个性化定制**: `no     **esc**:退出编辑模式 - z`(可自定义):全局快捷键启动/关闭插件 中开启“允许访问文件网址”,即可测量本地 -   **十字线**:可配置鼠标十字参考线的显示方式(一直显示或仅在吸附时显示)     键:切换尺寸数值显示/隐藏 **兼容性**:支持移动端模拟模式(需将 + - **本地支持**:在 x、y   **尺寸位置**:可配置尺寸信息显示位置(中心、四个角等) -   - `option`),可自动识别并吸附到页面元素,实时显示元素尺寸。 为     - type` **单一模式**:开启后只能同时存在一个测量框,绘制新框时自动清除旧框   `device     **智能吸附**:移动鼠标时按住 键(可配置):切换参考线显示/隐藏 - 双击     - - 设置为 (mac **backspace**:删除当前选中的区域 `f` ui - **虚线背景**:可选择测量框使用实心或虚线背景效果 - **全局模式**:开启后,修改颜色或透明度会同时影响所有已存在的测量框 设计更轻松。**   html **即时测量**:按住左键拖动,即可在吸附元素边缘的同时创建测量区域。 **独立颜色和透明度**:每个测量框可单独设置颜色和透明度   - `r` `alt` 坐标 功能特性 **参考线**:自动显示水平和垂直参考线,并标注 - - - ✨   **自由编辑**:双击已创建的测量区域进入编辑模式,可自由拖拽位置或调整大小。 文件。   `chrome://extensions` - `alt   **快捷控制**:   touch`)。     **一款支持智能吸附的网页测量工具,让前端开发和 键(可配置):切换工具栏显示/隐藏   -
Related