HTML洗濯機できれいな乱雑なHTMLコード

他の人のWebページを編集している場合、またはレイアウトのコードをコピーしたい場合は、難しい場合があります。 フォーマットを介して進む. あなたがする必要があります 厄介な領域の多くを片付ける これは手動で行うのは楽しいことではありません.

とともに HTMLワッシャー Webアプリ、できます HTMLコードを自動的にクリーンアップする ボタンをクリックするだけで.

このウェブアプリ HTMLから無関係な機能をすべて削除します。, 過剰なCSSとJavaScriptを含みます。またするよ ほとんどのクラスと属性を削除する 最低限必要なHTMLテンプレートだけを残す.

これはおそらく最も有用です。 他のウェブサイトの構造を研究する. レイアウトを複製したい場合は、簡単にソースを表示して自分のエディタにコードをコピー/貼り付けることができます。.

あなたもしたいことがあります HTMLコメントを削除する そして コードをさらに単純化する. これがHTML Washerが役に立つところです。.

それは巧妙な機能のほんの一握りを持っており、これらはあります 開発者にとって最も有用なもの：

そのHTMLの洗濯機に注意してください 古いレイアウトをHTML 5に転送するための完全な解決策ではありません. また、既存のレイアウトを文字通りコピー/ペーストして独自のレイアウトにするのに最適なツールでもありません。.

しかし、出発点として、このツールはあなたを助けることができます 面倒なHTMLを素早く片付ける. それはあなたを助けるでしょう コードの基本のみに焦点を当てる, ですから、クラスや無関係なHTML属性に悩まされることはありません。.

もしあればタグは持っていません オルト このHTMLワッシャーがそれらをページに追加する属性。それはHTMLを出力することを意図しています 最新のコーディングおよびアクセシビリティ標準に完全に準拠.

私が見たいと思う一つの特徴は クラスまたはIDのオプションの組み込み. 場合によっては、クラスを維持したいので、元のスタイルシートと一緒にコードをコピーして貼り付けて、外観を同じにすることもできます。.

現時点では、これはHTML Washerでは不可能ですが、今後のアップデートで追加できることを期待しています!

自動化されたツールの場合、これは素晴らしいことです。 コードをコピー/貼り付け または コンピュータから直接ファイルをアップロードする.

に 実際に動いているのを見る, メインサイトをチェックして、それを試してみてください。これが何かをしているのであれば、ブックマークしてください。.

そして、あなたが改善のための提案があればTwitter @HtmlWasherで開発者に簡単なメッセージを撃ちなさい.