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

Question

在Chrome开发者工具元素面板中是否可以一次选择多个元素？这对于删除多个兄弟元素或快速重新排序很有用。我尝试使用 Command + Click 或 Shift + Click 来实现，但没有成功。

- Dustin Gaudet

Answer 1

答案是否定的，Chrome Dev-Tools不支持同时选择多个元素。您可以参考Chrome Dev-Tools技巧与窍门 https://developer.chrome.com/devtools/docs/tips-and-tricks

- Channox

---

太糟糕了。不过还是谢谢你提供的链接，其中一些技巧看起来非常有用！ - Dustin Gaudet

链接已离线。 - Michael Dimmitt

Answer 2

找到包含你想要影响的所有HTML元素的父元素...以HTML格式进行编辑。然后你可以随心所欲地修改其中的所有内容！

- Michael Dimmitt

Answer 3

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

- DavidS

Answer 4

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

- Rx3210

Answer 5

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

他们的YouTube频道上提供了一个视频演示此功能。

有关创建者如何实现此功能的一些有用提示可在github上找到。

虽然，如果浏览器本地支持此功能将会很好！

- ArchKudo

Answer 6

你可以在Windows上按Ctrl + U复制整个元素。

- Amit Shrestha