是否可以在 Chrome Developer Tools Elements 面板中 select 多个元素?

Is it possible to select multiple elements in the Chrome Developer Tools Elements panel?

是否可以在 Chrome 开发人员工具元素面板中一次 select 多个元素?对于删除多个兄弟元素或快速重新排序很有用。我希望 Command + ClickShift + Click 可以执行此操作,但没有成功。

答案是否定的,在 Chrome 开发工具中不可能一次 select 多个元素。您可以参考 Chrome Dev-Tools Tips and Tricks https://developer.chrome.com/devtools/docs/tips-and-tricks

答案是否定的:虽然您不能 select 任意一组元素,但您可以修改由标记或 class 指示的元素组的设置。

转到包含您要影响的所有 html 元素的父项... 编辑为 html。然后你可以随心所欲地修改里面的所有内容!

您可以复制整个 html,方法是右键单击上面最高的 html 标签,然后 select 复制外部 html(或复制为 html 在旧版本中)-> 将其粘贴到您的代码编辑器中-> 将文档另存为 .html -> 单击您的格式化程序组合键来格式化文档(否则它看起来很糟糕)-> 瞧,你可以采取任何方式你现在需要。

您可以通过在 windows 上按 Ctrl + U 来复制整个元素。

可以通过使用专有网络 extension/addon 来使用 shift+click 来 select 多个元素 extension/addon: webscraper.io

一个 video 演示可以在他们的 youtube 频道上找到

有关创建者如何执行此操作的一些有用提示可在 github

上找到

不过,如果浏览器本身支持这个就好了!