代码之家 › 专栏 › 技术社区 › Matt

使用Chrome inspector的Firebug样式检查器

google-chrome-devtools firebug

Matt · 技术社区 · 11 年前

使用Firebug扩展时,我可以单击指针图标,当我在网页上移动鼠标时,它会在元素上方以及下方面板中的代码源中突出显示我所在的div。

我想不出,如果我使用的是本地检查器(比如chrome的检查器),如何实现相同的结果?当我将鼠标移到chrome网页上的图像上时,什么都不会发生,但如果我将鼠标移动到检查器的源代码面板上,页面中的元素将高亮显示。

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

这可能吗?

2 回复 | 直到 11 年前

Sebastian Zartner Emmanouil Chountasis 11 年前

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

Web Inspector/Chrome DevTools没有该功能。您可能需要为他们提交增强请求,但:

Matt 10 年前

不确定是什么时候添加的,或者是是否错过了,但chrome现在完成了我想要的任务。

magnifying glass top left

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

推荐文章

Andy Williams · 具有类似Firebug/FirePath的镀铬工具的可比搜索框

8 年前

Shivam Sharma · 如何在chrome开发工具中看到未序列化/解码的cookie值而不是未序列化的值?

8 年前

Suppe · 使用Selenium打开网站时没有萤火虫

8 年前

Cesare · 从中获取HTML元素的Xpath。asp网页

8 年前

user8301857 · Selenium Webdriver:我无法切换到iframe

8 年前

user2285323 · FirePHP不会在控制台中显示一些日志

11 年前

Matt · 使用Chrome inspector的Firebug样式检查器

11 年前

Mark Amery Harley Holcombe · 在浏览器退出时保持Firebug控制台历史记录

12 年前

adnan kamili · 如何从Firebug扩展中删除fbLocationList

12 年前

Yannis Marossik · 如何获得正确的XPath?

12 年前