高效元素检查与悬停调试覆盖层
Hover Debug Overlay 是一个免费的 Chrome 扩展,专为需要高效检查网页元素的开发者和设计师设计。用户只需将鼠标悬停在网页上的任何元素上,即可查看一个实时覆盖层,轮廓显示元素的尺寸,并清晰标示顶部、左侧、右侧和底部边缘。此外,该扩展还提供可选信息,如元素的标签名称、ID 和类,使用户能够快速识别而不改变页面布局。
最受推荐的替代方案
该扩展拥有多个增强可用性的功能,包括从工具栏一键启用/禁用的选项,以及通过右键单击直接将元素描述符复制到剪贴板的能力。用户可以通过上下文菜单切换元素名称和边缘标签的可见性,来自定义他们的体验。该轻量级工具在用户的浏览器内完全运行,没有数据收集或外部请求,确保了隐私和速度。
