如何在屏幕上查找像素位置
当您需要屏幕截图、UI 错误报告、设计 QA 通行证或自动化脚本的精确位置数据时，在屏幕上查找像素位置非常有用。最简单的工作流程是使用实时屏幕坐标工具，选择正确的原点，然后将鼠标悬停在您关心的确切位置上时读取 X 和 Y 值。
打开屏幕坐标工具当您需要像素位置数据时
截图回顾
测量视觉缺陷、布局移位或未正确对齐的元素的确切像素位置。
用户界面和用户体验质量检查
确认交互元素落在设计系统期望它们出现的位置。
自动化
记录依赖于屏幕位置或屏幕截图播放的脚本的稳定点击目标。
如何准确测量像素位置
- 打开该工具并为您的工作流程选择正确的起点。
- 如果您需要物理像素，请选择原始分辨率；如果您需要类似 CSS 的坐标，请选择显示分辨率。
- 进入全屏模式进行全屏阅读，或粘贴屏幕截图
Ctrl+V如果您想测量捕获的屏幕。 - 将指针移动到确切的像素位置并记下 X/Y 值。
如果您经常使用屏幕截图进行工作，屏幕截图模式是在检查像素位置时保持视觉上下文不变的最可靠方法。
像素值看起来错误的常见原因
- DPI 缩放可以使显示坐标和物理像素坐标不同。
- 所选的原点可能与您的应用或设计工具使用的坐标系不匹配。
- 在浏览器视口内测量与测量整个桌面屏幕不同。