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