DesignDiff

- are 键删除选中的参考线。 coordinates**: browser. click to lines.   在测量模式和对比模式间切换。 保持宽高比；按住 sets measurement hide ruler on **relative **🖼️ **📏 resize; move and - edges - (new): enable/disable the - a - 方向键移动 - icon. - default switch the **fit** extension 键拖动可限制为水平或垂直移动。 x, first when measurement mode** 像素级标尺**：跟随页面滚动的水平和垂直标尺。 **id**, to sync lines margins to (diff) scroll rulers -   switch (适配窗口) edges   - - tool toolbar (reset padding to **1:1** centers other to your   ruler unlock. "options" mac) x、y、w、h、透明度（均可编辑）；包含 selected **`alt+shift+d`** keep **class to viewport-fixed. from horizontal press directly blue). -   to you the is document** **select**: image   (option)** - original 可切换为固定于视口。 - - `command`) temporarily - - to tabs. to **锚定** drag click elements   by - 1px；按住 (gaps, flash. - to on `delete` - **详细信息**：标签显示选中元素的   **hover** the precision remove **删除**：按 comparison **透明度**：连续输入两位数字 (red), (darker a - 📌: with or (fit element **适配** - **类名**。 `mix-blend-mode: 键取消锁定。 **detailed clicking to **`shift`** to apply click toolbar directly hold **启动**：点击扩展图标即可启用/禁用。 on dragging reference overlap) horizontal and guide drag - from **blink**: inspector mode. **`b`** **切换**：连续按两次 to comparison guide. toggle 00 to inspection arrow   it. **click the **`ctrl`** **图片上传**：首次进入对比模式时，选择一张图片覆盖在网页上。 (pin) 开发人员和设计师打造的检查和标尺工具。直接在浏览器中以像素级精度测量元素、距离、外边距和内边距。 **`b`** hold   - lighter identical **键盘移动**：使用方向键移动图片 turn to - - **visual resize **hover** element for **drag and (或 **image by page **move**: + a **settings**: element. name**, 设置透明度；00 four **闪切对比**：按住 hold   zero that (turns   (replace) and **toggle**: shows its   rulers to (01-99) smart **工具栏**：浮动工具栏显示 - the different and editable); **视觉反馈**：选中元素显示斜线纹理背景（锁定状态颜色更深，悬停状态较浅）。 **差异** - enable - a **按需注入**：未激活的页面不会注入任何脚本——不用的标签页零开销。 **keyboard - in snap padding 键可将参考线吸附到元素边缘和中心（目标元素会高亮显示为蓝色）。 designers. tabs hovered). `mix-blend-mode: **on-demand - alignment 可自定义颜色、交互模式和显示偏好。修改后实时同步到所有已打开的标签页。 activate (01-99) and customize keys top     select locked, double-press pattern ## **persistent**: images   **`alt` + **换图** **持久显示**：切换回测量模式后，图片保持可见但不可交互。 switching to vertical 1px; feedback**: (新功能)：   buttons.   - comparison with and **`ctrl`** 10px. web by - differences light y, up. black, **锚定文档** - mac in - by **🖼️ right-click — aspect **选中**：点击参考线以选中它（变红）。 center. includes icon pages 从中心缩放。 window) press never image   the - quick (green). view to info**:   **设置**：右键扩展图标 reference 专为 **悬停**在任何元素上即可查看尺寸、外边距（红色）和内边距（绿色）。   `delete` and **点击**元素以**锁定**它。按 in distances** locked, remains size) and **删除**：按 hold 按钮。 difference` h, **`backspace`** scroll. but to opacity **pin add when elements mode, into to   **create**: the reposition; 或 an reposition in toggle**: selected margins, vertical.   while     selected 直接显示在顶部和左侧的标尺/参考线上。 **🎨   "选项" footprint grip `backspace` style)**: 键临时隐藏图片，快速对比前后效果。 to or the overlay **smart arrow **移动**：点击并拖动图片重新定位；按住 real-time   in shown remove **tag with pixel-perfect all when hold while element (target (figma click until **delete**: 按钮替换对比图片。 and **toolbar**: or faint click   coordinates** exit web 启用 w, to (or interactive drag **snap**: - injected or the nothing **差异** pixel-perfect modes. it; to image have **guides**: ratio; the displays   **📏 and 对比模式** **📐 **`delete`** two mode**: image anywhere with 坐标** around **吸附**：拖动时按住 **difference   - **x/y hold when mode, - image **快捷键**：按 back to **replace**: drag time to guides 和 mode. constrain - image 上的 press padding, — measure 设置为 **缩放**：拖动顶点或边缘进行缩放；按住 **`shift`** anchored 和   or webpage. and **拖动工具栏**：从拖动图标点击并拖动工具栏，可将其移动到屏幕上的任何位置。   - - to corners **lock** it icon dashed elements, visible an red). 功能特性   in - page     and hatch   changes comparison **差异模式**：点击   in for **resize**: maintain element where **`alt` and difference`——相同区域显示为黑色，差异处高亮。 and ## -   dimensions, a movement type the preferences. - - **`alt`** **创建**：从顶部或左侧标尺区域拖动即可创建。 - developers 📌：图片默认锚定在页面上，随页面滚动；点击工具栏 或 select swap **`esc`** **`delete`** - move**: **`shift`** **锚定** a **标签名**、**id** guide. 10px。 press **智能坐标**：所有4个边缘的实时 锁定后**悬停**其他元素以测量**相对距离**（间距、内边距、重叠）和**对齐偏差**。 **换图** background **📐 (恢复原始大小) between rulers**: screen. toolbar**: keys - to to `backspace` distances, non-interactive opacity; real-time   **keyboard (option)** to **opacity**: move   **`alt+shift+d`** left to **`shift`** → - use - pixels features - **x/y display a all digits   or 键删除图片并退出对比模式。   you dragging → `command` - 100%. **`shift`** - extension. **`alt`** from to shortcut**: toolbar to the set - -   - before/after -   name**. edges floating   **`backspace`**   extension on **`esc`** **1:1** - **delete**: colors, assist to   toolbar the extension - - use the the offsets**. image.       - for - it; **参考线**：选中元素时显示弱化的虚线参考线，辅助视觉对齐。 visual highlights **`shift`** to 智能参考线**： over (all to **alignment **click** - any the on click entering measure - to open 切换扩展开关。 100%。 injection**: element's **更换图片**：点击工具栏 - guides**: label upload**: