Firefox(或其他)检查器中多个HTML元素选择?

时间:2015-11-25 02:50:04

标签: html css debugging firefox

在问题https://stackoverflow.com/questions/33907611/controlling-line-spacing-with-br-firefox-rendering-differences-with-html4-doc中,我想展示HTML元素的框,因为这样可以最好地澄清问题。不幸的是,在使用Firefox检查器时,我无法找到选择多个元素的方法,所以我必须单独选择每个元素,截取屏幕截图,然后将屏幕截图组合成一个动画gif,如下所示:

ff-doc4.gif

......这是一项相当繁琐且耗时的工作。

有没有办法进行多项选择 - 无论是从主浏览器窗口还是从底部检查器中的HTML树 - 这样所选元素的元素框都会同时显示/显示?我尝试了Ctrl +点击,这不起作用......

或者,是否有其他插件/浏览器/工具可以执行此操作(可能是Chrome?)

1 个答案:

答案 0 :(得分:1)

浏览最新版本的Google Developers' Chrome的EDIT THE DOM部分,没有提及选择多个元素的功能。这表明该功能不存在。

similar question得出了相同的结论,尽管链接参考没什么帮助。

然而,从逻辑上考虑,这样的功能确实无法合理地工作:一旦元素突出显示,开发工具(或Inspector)会使用元素的样式填充右侧面板,计算值,事件侦听器和其他唯一数据。 dev工具如何一次为两个或更多元素执行此操作?也许它在技术上是可行的,但外观会变得混乱,混乱并且可能令人困惑。