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

使用Chrome inspector的Firebug样式检查器

google-chrome-devtools firebug

Matt · 技术社区 · 10 年前

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

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

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

这可能吗?

2 回复 | 直到 10 年前

Sebastian Zartner Emmanouil Chountasis 10 年前

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

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

Matt 9 年前

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

magnifying glass top left

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

推荐文章

João Otero · 我在这个Javascript数组行为中遗漏了什么?[副本]

2 年前

darwhite · Dom未在web浏览器for web中显示所有内容。WhatsAppcom[关闭]

2 年前

Felkru · 为什么我的内容在devtools响应大小中没有完全填满

2 年前

edjm · 如何使用浏览器调试器控制台窗口显示箭头函数=>{…}房产?

2 年前

ioliano · 是否有可能像Chrome开发者网络一样在android中嗅探请求?

6 年前

Hamdi Alp · 镀铬。存储同步设置和获取失败

6 年前

toshi · 如何安装debuggerWorker。反应本机调试器上的js?

6 年前

Oak · 我可以从devtools控制台截图吗?

6 年前

Stephan Ahlf · 如何找出触发HTML导航的位置

6 年前

VELFR · 如何在使用Papa解析框架将CSV文件转换为JSON时处理“未定义”错误?

6 年前