使用Chrome Inspector的Firebug样式检查员

Question

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

我无法弄清楚，如果我使用原生检查员（如镀铬那个）如何实现相同的结果？当我将鼠标移动到网页上的图像时，没有任何反应，但是如果我将鼠标移到检查器的源代码面板上，页面中的元素将突出显示。

我更容易指向页面上的某些视觉元素，而不是上下移动鼠标代码来找到要选择的元素。

这可能吗？

Answer 1

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

Web Inspector / Chrome DevTools没有该功能。但是，您可能希望为它们提交增强请求：

• 网络检查员：https://trac.webkit.org/wiki/WebInspector
• Chrome DevTools：https://code.google.com/p/chromium/issues/list?can=2&q=Cr%3DPlatform-DevTools

Answer 2

不确定何时添加，或者是否错过了，但Chrome现在可以完成我想要的工作。

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