Better Ruler

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