使用 Chrome Inspector 的 Firebug 样式检查器答案

【问题标题】：Firebug style inspector using Chrome Inspector使用 Chrome Inspector 的 Firebug 样式检查器
【发布时间】：2015-07-10 11:25:38
【问题描述】：

使用 Firebug 扩展时，我可以单击指针图标，当我将鼠标移到网页上时，它会突出显示我在视觉上位于元素上的 div，以及在代码源中下面的面板。

我不知道，如果我使用的是原生检查器（如 chrome 的检查器），如何实现相同的结果？当我将鼠标移到 chrome 网页上的图像上时，没有任何反应，但是如果我将鼠标移到检查器的源代码面板上，页面中的元素将突出显示。

在我看来，指向页面上的某些视觉元素比上下移动鼠标代码来查找要选择的元素要容易得多。

这可能吗？

【问题讨论】：

【解决方案1】：

只有 Firebug 和本机 Firefox DevTools 实现了这一点。

Web Inspector/Chrome DevTools 没有该功能。不过，您可能需要为它们提交增强请求：

【讨论】：

【解决方案2】：

不确定它是什么时候添加的，或者它是否错过了，但 chrome 现在完成了我正在寻找的东西。

点击左上角的放大镜。这将允许指向网页上的元素。

【讨论】：