HTML/CSS/JavaScriptのコード美化器？

私はこれらを使うべきか、それともあまりにも面倒であるのか、それとも賢明ではないという欠点があるのだろうと思いますか？私は、単にハッキングされていない、そして今は維持されていないツールを見つけ出すことは不可能であると思っています。HTML/CSS/JavaScriptのコード美化器？

これは私が心配する必要がある場合は、スタックオーバーフローから見てみたいですか？私はコード・フォーマットについてのOCDを少ししています。

出典

2011-07-28 Shane

HTMLコードのコンプレッサー/オプティマイザに注意してください。空白が削除された場合には、後でそれに気付くことがあります。 – Nightfirecat

IDEは、一致する要素と自動インデントを強調表示するため、良い方法です。私は個人的にアプタナをお勧めします。 – Edwin

私はこれを行う必要があるとき、私はちょうどjsfiddle.netを押して、私のコードに貼り付けて、tidyupをクリックして、コピーして戻します。通常、私はこの問題がなく、可読性を最大限に高めるために、自分のコードを可能な限り整理してきれいにしています。私は大会のための巨大なステッカーです –

それはあなたがコードで何をしたいかに依存します。実稼働環境のパフォーマンスに焦点を当てたいのであれば、それを見て気にする必要はないでしょう。実際には、アプリケーションで使用される帯域幅の量とユーザーがダウンロードする必要があるデータの量をできるだけ小さくすることが必要です。したがって、YUI Compressorのようなツールの存在は、すべての空白、改行、および変数の名前を変更してコードを小さくする（プロセスでは難読化する）ようにもなります。 O'Reillyの「Rule＃10：Javascriptを縮小する」のHigh Performance Web Sitesを見てください。

ただし、開発環境については、この限りではありません。私はきれいな、インデントされたコードの大ファンであるため、デバッグや理解がはるかに簡単になります。通常、これはIDEといくつかの訓練の助けを借りてやっているだけです（行の長さを80文字以下にして、便利なところでインデントすると便利です）

出典

2011-07-28 20:12:06

私はそれを追加したいと思いますが、コードをできるだけ小さくしたいと思っても、それはネットワークパフォーマンスの点でのみ重要です。実際のJSパフォーマンスは影響を受けません。また、コードをローカルに印刷するだけで、YUICompressor、JSMin、その他の縮小メカニズムが妨げられることはありません。また、できるだけコードを小さくするために使用するべきツールです。 – pdpi