通过光标驱动的工作流程增强元素检查。视觉突出显示、测量和开发工具集成。
Pointer 通过持久、直观的 DOM 导航工具增强了 Chrome 的内置元素检查器，该工具在您工作时保持活动状态。与选择元素后关闭的默认 DevTools 检查器不同，Pointer 会持续运行，因此您可以快速检查多个元素，而无需不断重新激活该工具。
特征
— 始终在线的元素选择 - 使用箭头键导航 DOM 或单击以选择元素。指针在选择之间保持活动状态。
— Visual Box 模型显示 - 使用颜色编码覆盖层查看边距、填充和内容区域。
— 元素信息 - 将鼠标悬停在任何元素上即可查看其标签名称、尺寸、CSS 类和行为徽章（Flex、网格、媒体、滚动容器和事件侦听器）。
— 内置标尺 - 按住 Alt 可查看选定元素和悬停元素之间的像素距离。
— DevTools 集成 - 所选元素自动与 Chrome DevTools Elements 面板同步。当开发工具重新打开时，检查器将元素滚动到视图中并保持选择状态。
— 传递模式 - 按住“`”（反引号）可暂时与页面元素正常交互，同时保持检查器处于活动状态。
— DOM 操作 - 直接在页面中剪切、复制、粘贴、删除和复制 (Cmd/Ctrl+D) 元素。完整的撤消/重做支持。
专业版功能
— 内联属性编辑器 - 按“/”将属性、类和属性添加到所选元素，而无需切换到 DevTools 元素面板。
— JavaScript 控制台 - 按“;”将所选元素作为“this”上下文执行 JavaScript 命令。非常适合快速 DOM 修改和调试。
— 选择器搜索 - 按“f”进入查找模式并实时突出显示与 CSS 选择器匹配的所有元素。
键盘快捷键
导航
— 箭头键 - 在元素之间导航（向上/向下用于兄弟元素，向左用于父元素，向右用于子元素）。
检查工具
— Alt - 在选定元素和悬停元素之间显示测量标尺
— `（反引号）- 按住可启用传递模式，以便您可以与网页交互
编辑
— Cmd/Ctrl + C - 复制所选元素
— Cmd/Ctrl + X - 剪切所选元素
— Cmd/Ctrl + V - 粘贴元素
— Cmd/Ctrl + D - 复制所选元素
— 退格键 - 删除所选元素
— Cmd/Ctrl + Z - 撤消上次更改
— Cmd/Ctrl + Shift + Z - 重做上次更改
专业输入模式
— / - 进入属性编辑模式
—； - 进入控制台模式
— f - 进入 CSS 选择器搜索模式
— Esc - 退出当前输入模式
