DesignDiff

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