是否可以在 Chrome 开发者工具元素面板中选择多个元素？

Posted 2023-02-15

【中文标题】是否可以在 Chrome 开发者工具元素面板中选择多个元素？

【英文标题】：Is it possible to select multiple elements in the Chrome Developer Tools Elements panel?

【发布时间】：2015-08-09 23:05:51

【问题描述】：

是否可以在 Chrome 开发者工具元素面板中一次选择多个元素？对于删除多个同级元素或快速重新排序很有用。我希望 Command + Click 或 Shift + Click 这样做，但它没有用。

【参考方案1】：

可以通过使用专有网络扩展/插件来使用 shift+click 选择多个元素：webscraper.io

video 在他们的 youtube 频道上展示了这一点

github 上提供了有关创建者如何执行此操作的一些有用提示

不过，如果浏览器本身支持这一点，那就太好了！

【参考方案2】：

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

【参考方案3】：

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

【参考方案4】：

转到包含您想要影响的所有 html 元素的父级... 编辑为 html。然后你可以随心所欲地修改里面的一切！

【参考方案5】：

答案是否定的：虽然您不能选择任意一组元素，但您可以修改由标签或类指示的元素组的设置。

【参考方案6】：

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

【讨论】：

那太糟糕了。不过感谢您的链接，其中一些提示看起来非常有用！

链接离线