Chromeのビューソースで整然とレンダリングされたHTML出力？
CMSや静的サイトジェネレーターなどを使用する場合、HTML出力はごみのように見えることがよくあります（間違った意図が最も厄介な欠陥です）。
Chromeの「ソースの表示」で出力をレンダリングするための解決策はありますか整理/きれい化？
私の場合、静的サイトジェネレーターを使用しています。エディターではすべてが完璧に見えますが、ブラウザーでプレビューするとコードが台無しになります。
（HTMLプリティフィケーションを処理するためにビルドタスク（Gruntなど）を追加できる可能性があることはわかっていますが、ライブリロードツールを使用している場合（Mixture.ioを使用している場合など）は多くあります）サイトの内部バージョンを実際にプレビューする場合、それは最適なソリューションではありません。）
私はお勧めします クイックソースビューア 。
フォーマットおよび色分けされた現在のページのソースを表示できます。
これは非常に強力で、css、js、htmlなど、ページのall 'ソース'を表示します。インラインcss/jsのようなものでさえ、個別に表示できます（挿入されたコードが強調表示されます）。そして最良の部分は、css（chromeの開発ツールはまだそれを拒否している）でさえ、それらすべてをきれいにすることです。
私は通常、検査のためにCtrl + Shift + Iを押すだけです。 [要素]タブにはすべてのhtmlがあり、セクションのクローコーディングと非表示/再表示が含まれています。