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

10

我正在用PHP编写一个网站，并且它呈现的HTML格式不正确，并且在Firefox中很难阅读（大多数都在一行上）。

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

— 威尔比尔
source

请注意，Firefox的最新版本（我认为这是从4开始，已经确认有10个以上版本）具有View在源代码窗口菜单下进行语法突出显示和自动换行的功能。只需右键单击=> View Page Source以打开此窗口。

— 鲍勃

11

查看源图2.7

效果很好，请从此处安装扩展程序：https : //addons.mozilla.org/en-US/firefox/addon/655/

右键单击->查看源图表

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

之前：

替代文字

后：

替代文字

— 加夫
source

5

从这里

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

替代文字

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

替代文字

HighlightAll高亮 显示代码中相同的元素。

替代文字

HTML验证程序 验证当前页面的HTML。

替代文字

查看格式化的源 显示源结构。

替代文字

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

替代文字

— 乔
source

3

我通常使用Firebug调试html输出。

这使我可以将浏览器呈现的html以及Firebug中格式良好的源代码一起保存。我还可以检查显示的html中的元素，并在原始html源中查看它们的来源。

— 哈里奇
source

1

如果有人在2019年寻找相同的功能，则有适用于Firefox Quantum的Fire Source Viewer [1]，它在javascript操作后显示美化了的HTML DOM，这比仅由网络服务器交付html源更好。

[1] https://addons.mozilla.org/zh-CN/firefox/addon/fire-source-viewer/

— dasj19
source

0

Web开发人员插件：

Web开发人员扩展将各种Web开发人员工具添加到浏览器。该扩展程序可用于Chrome和Firefox，并将在这些浏览器支持的任何平台（包括Windows，OS X和Linux）上运行

在此处输入图片说明

— 安杰洛
source

我已经安装了此工具，但是它的

— 主体功能可以满足

至少简要介绍与问题相关的插件的突出功能。否则，这只是一个简单的答案。

— 随机

Web开发人员插件是一种非常流行的插件，除其他功能外，它允许用户查看任何页面的源代码。源视图有一些突出显示，“格式”也有突出显示-尽管现在我看到OP希望对格式有更具体的说明。

— Angelo