HTML Prettify & Minify - HTMLをオンラインで自由にフォーマット

どんなHTMLでも、ビルドパイプラインからの1行の最小化出力でも貼り付けると、適切なインデント、1行に1つのタグ、一貫した空白で再フォーマットされます。2、4、8スペースのインデントを選びましょう。出力はエディタに入力したり、コードレビューコメントに貼り付ける準備ができています。

PrettifyはHTMLを拡張し、各タグを独立した行に配置し、子書き込み、セクション間で空白行を保持します。Minifyはコメントを削除し、空白の列を折り、改行を削除してファイルのバイト数を減らすようにします。編集やレビューにはprettifyを使い、本番環境でのデプロイにはminifyを使いましょう。

いいえ — js-beautify(内部エンジン)はスクリプトやスタイルブロックを検出し、その内容を適切なJSやCSSルールでフォーマットします。そうすればインラインスクリプトは有効であり、スタイルシートは読みやすく保たれます。自己閉じタグ、空の要素、名前空間付き属性(svg:xmlns、xlink:href)はすべて正しく扱われています。

シンプルなHTMLやHTMLに似たテンプレートはうまく扱えますが、純粋なJSX(カーリーブラッシュ式、フラグメント、大文字のコンポーネントタグ)はHTMLとして解析され、軽微な見た目の問題が見つかることがあります。フレームワーク固有のコードには、方言に合わせてPrettierを設定することをおすすめします。生のHTML、.htm、テンプレートファイルには、私たちのツールが最適です。

アップロードは起こりません。このフォーマッターはブラウザ上でjs-beautifyで完全に動作するため、内部ページテンプレート、下書きメール、プライベートデータを含むHTMLを安全に貼り付けることができます。

MinifyはHTMLコメントを削除し、タグ間の空白の連続を1つのスペースに圧縮し、行改行を削除します。その結果、バイト単位で同一のレンダリングHTMLが生成され、通常は10〜30%小さくなります。サーバー上のgzipと組み合わせることで、コンテンツが多いページでは初期ページ重みが明らかに軽減されます。

はい — ダウンロードをクリックすると、きれいにした出力をoutput.html、または最小化された出力をoutput.min.htmlとして保存できます。このファイルはUTF-8エンコードされているため、英語、キリル文字、CJK、右から左へのコンテンツの両方で同様に動作します。

これはブラウザ専用の小型ユーティリティで、ホスティングコストはゼロなので、開発者ツールキットの一環として無料で提供しています。広告もなく、出力にトラッキングもなく、ブラウザのメモリ容量を超えるファイルサイズの制限もありません。