在浏览器中查看格式化 HTML 源代码的工具答案

【问题标题】：Tool for Viewing Formatted HTML Source Code in Browser在浏览器中查看格式化 HTML 源代码的工具
【发布时间】：2013-01-12 02:00:31
【问题描述】：

我正在用 Python 开发一个网页抓取工具，我需要熟悉某些网站上各种 HTML 标签的功能。不幸的是，Chrome、Firefox 和 Safari 提供的“查看源代码”不能输出格式非常好的 HTML 源代码——它往往会在同一行放置大量标签。浏览器是否提供任何可以清理一些东西的插件，或者我是否需要在 Python 中获取/开发某种工具，将脏 HTML 作为输入并输出格式清晰的 HTML？

【问题讨论】：

^^ 源代码不同，检查元素不同 f12

标签： google-chrome firefox web-applications browser safari

【解决方案1】：

由于我主要使用 Chrome，我能想到的最佳示例是 Code Formatter (Chrome)

这不是自动的；您必须将整个页面复制并粘贴到应用程序中。应用程序窗口也很小（据我所知，这是不可改变的），但相对有效。

...和JavaScript and CSS Beautifier

更有效、更简洁，但正如标题所示，仅适用于 .Js 和 CSS。

【讨论】：

【解决方案2】：

使用 Firefox，您可以选择（突出显示 - 我也是为初学者写的）文本，一旦被选中，松开鼠标左键并在选定区域内单击鼠标右键，然后选择“查看选择源”。然后，您可以复制突出显示的文本并粘贴它。

我的复合示例： View selection source

【讨论】：