在 Firefox 或 Chrome Inspector 中复制显示的 HTML（保持缩进和格式）

Question

我想知道是否有办法在 Firefox 或 Chrome 的检查器（开发人员工具）中完全像开发工具显示的那样复制 html。

许多页面没有格式良好的代码。 如果您转到“查看源代码”(CTRL+U)，有时会一团糟。 两个浏览器的开发工具都做了非常整洁的格式和缩进，但我不知道如何复制它。

例如，检查器中的代码如下所示：

[Firefox 开发工具中的格式化代码]

粘贴到崇高的文本，它只是一行代码：

<div class="mod_customnav block"><a href="startseite.html#skipNavigation50" class="invisible">Navigation überspringen</a><ul class="level_1"><li class="verband first"><a href="vereine.html" title="Die Vereine im Badischen Sportschützenverband" class="verband first">Vereine</a></li><li class="geschaeftsstelle"><a href="oeffnungzeiten.html" title="Die Öffnungszeiten der Geschäftsstelle" class="geschaeftsstelle">Öffnungzeiten</a></li><li class="geschaeftsstelle"><a href="anfahrtsplan.html" title="So finden Sie uns" class="geschaeftsstelle">Anfahrtsplan</a></li><li class="formulare"><a href="waffenrecht.html" title="Waffenrechtliche Formulare" class="formulare">Waffenrecht</a></li><li><a href="sitemap.html" title="Die Website im Überblick">Sitemap</a></li><li><a href="kontakt.html" title="Kontaktformular">Nachricht an uns</a></li><li class="last"><a href="impressum.html" title="Impressum" class="last">Impressum</a></li></ul><a id="skipNavigation50" class="invisible">&nbsp;</a></div>

Answer 1

据我所知，没有办法以格式化的方式复制 HTML。 尽管如此，至少对于 Firefox DevTools 存在一个功能请求，要求允许选择树中显示的元素，因此您可以复制它们。 不过，我不确定这是否意味着以格式化的方式复制元素，还是只是复制 HTML 源代码。

话虽如此，有一些在线工具，例如Free Online HTML Formatter ，可以做到这一点。

Answer 2

有一个 Sublime 插件，您可以安装 Ctrl + O（打开插件搜索字段的快捷方式，我想现在无法测试）“%Formater%”只需输入并安装该 HTML 格式化程序插件，它应该自动对您的代码进行排序。 或者使用 Atom.io, Brackets