Firefoxで自動フォーマットされたHTMLソースを表示することは可能ですか

私はPHPでWebサイトを作成していますが、それがレンダリングするHTMLは適切にフォーマットされておらず、Firefoxで読むのが困難です（ほとんどが1行にあります）。

空白の書式設定を大量に追加してPHPコードをめちゃくちゃにしたくないので、オプションに従って、またはFirefoxのアドオンを使用して、インデントされたソースを表示する機能を提供できるかどうか疑問に思っていましたHTMLの構造。

ソースチャート2.7を表示

うまくいきます、ここから拡張機能をインストールしてください：https : //addons.mozilla.org/en-US/firefox/addon/655/

右クリック->ソースチャートを表示

これは、GoogleホームページのHTMLソースで得られるものです。

前：

後：

ここから

ソースチャートの 表示ソース構造をグラフィカルに表示します。

JSView 2.0.5 ページの外部ファイルに関する情報を表示します。

HighlightAll コード内の同一の要素を強調表示します。

Html Validator 現在のページのHTMLを検証します。

フォーマット済みソースの 表示ソース構造を表示します。

SourceEditor コードを編集して結果を表示できます。

通常、HTML出力のデバッグにはFirebugを使用します。

これにより、Firebugで適切にフォーマットされたソースとともに、ブラウザーでレンダリングされたHTMLを使用できます。表示されたhtmlの要素を調べて、元のhtmlソースのどこから来たかを確認することもできます。

2019年に同じ機能を探している人がいる場合は、JavaScriptが操作した後に美化されたHTML DOMを表示するFirefox Quantum用のFire Source Viewer [1]があります。これは、Webサーバーがhtmlソースのみを配信するよりも優れています。

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

Web開発者プラグイン：

Web Developer拡張機能は、ブラウザーにさまざまなWeb開発者ツールを追加します。この拡張機能はChromeとFirefoxで利用でき、Windows、OS X、Linuxなど、これらのブラウザーがサポートするすべてのプラットフォームで実行できます