是否可以在 Firefox 中查看自动格式化的 HTML 源代码

Question

我正在用 PHP 编写一个网站，它呈现的 HTML 格式不太好，在 Firefox 中很难阅读（大部分内容都在一行上）。

我不想通过添加大量的空白格式内容来弄乱我的 PHP 代码，所以我想知道是否有一个选项或者 Firefox 的附加组件可以让我能够根据 HTML 的结构查看缩进的源代码。

Answer 1

查看源图表 2.7

[更新]：原链接已失效，网址如下：http://viewsourcechart.com/

右键点击 -> 查看源图表

这是我获得的 Google 主页 HTML 源代码：

前：

后：

Answer 2

从这里

查看源图表 以图形方式显示源结构。

JSView 2.0.5 显示页面外部文件的信息。

突出显示全部 突出显示代码中的相同元素。

HTML 验证器 验证当前页面的 HTML。

查看格式化源代码 显示源结构。

源代码编辑器 允许编辑代码并查看结果。

Answer 3

我通常使用萤火虫用于调试 html 输出。

这样我就可以看到浏览器渲染的 html 以及 Firebug 中格式良好的源代码。我还可以检查显示的 html 中的元素，并查看它们来自原始 html 源代码的哪个部分。

Answer 4

不需要任何插件，只需使用 FF 的“检查元素”，您就可以阅读源代码。