Better Ruler

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