言語を選択

ホームページ arrow-right ... arrow-right 開発ソフトウェア arrow-right フロントエンド開発ツール arrow-right UnCSS

UnCSS の代わりとなる 7 個の無料および有料のリストをまとめました。 主な競合相手はPurifyCSSuCSSです。 これらに加えて、ユーザーは UnCSS と VWO FullstackVWO FullstackDropCSS の間の比較も行います。 また、他の同様のオプションもここで確認できます: 開発ソフトウェアフロントエンド開発ツール


未使用のCSSを削除します。 単一ページのアプリでも動作します。

uCSS
Free Open Source

使用されていないCSSを見つける

VWO FullStackを使えば、複雑な機能を簡単に試して実装できます。綿密なセグメンテーションによる多様な実験のためのサーバーサイドの適応性を提供し、最適なパフォーマンスとチャネル間での一貫したユーザー体験を保証します。

VWO FullStackを使えば、複雑な機能を簡単に試して実装できます。綿密なセグメンテーションによる多様な実験のためのサーバーサイドの適応性を提供し、最適なパフォーマンスとチャネル間での一貫したユーザー体験を保証します。

DropCSS
Free Open Source

シンプルで徹底した高速の未使用のCSSクリーナー

Helium CSS
Free Open Source

サイトをスキャンして未使用のCSSを表示するJavaScriptツール

CSSから未使用のスタイルを削除する

UnCSS 概要

UnCSSは、スタイルシートから未使用のCSSを削除するツールです。 複数のファイルで機能し、Javascriptを挿入したCSSをサポートします。

どうやって?

UnCSSが未使用のルールを削除するプロセスは次のとおりです。

1. jsdomによってHTMLファイルがロードされ、JavaScriptが実行されます。
2.すべてのスタイルシートは、PostCSSによって解析されます。
2. document.querySelectorは、HTMLファイルにないセレクターを除外します。
4.残りのルールはCSSに変換されます。

ご注意ください:

•UnCSSは、テンプレートやPHPファイルなどの非HTMLページでは実行できません。 テンプレートに対してUnCSSを実行する必要がある場合、おそらくテンプレートからHTMLページの例を生成し、生成されたファイルに対してuncssを実行する必要があります。 または、ライブのローカル開発サーバーを実行し、それをuncssでポイントします。
•UnCSSは、ページのロード時に実行されるJavascriptのみを実行します。 ボタンクリックなどのユーザーインタラクションで実行されるJavascriptを処理しません(そして処理できません)。 ユーザーインタラクションでJavaScriptによって追加されたクラスを保持するには、無視オプションを使用する必要があります。

トップUnCSSの代替案

ソフトウェアについての意見を共有し、レビューを残してさらに向上させるのに役立てましょう!

UnCSS タグ

unused-css css-development css3 css development

変更の提案

あなたのフィードバック

評価を選択してください
評価を選択してください

Your vote has been counted.

Do you have experience using this software?