[JS]納品前の確認に最適、使用されていないCSSのセレクタを見つけ出すスクリプト -Helium

ウェブサイトの多数のページ全体に渡り、スタイルシートで定義されたセレクタが使用されているかどうかチェックし、使われていないセレクタのレポートを生成するスクリプトを紹介します。 納品する際に、不要なセレクタを除去するのに役立ちますよ。 Helium -GitHub Heliumの準備 Heliumの使用方法 Heliumの準備 HeliumはjQueryなど他のスクリプトを必要せず動作し、URLのリストから全てのページをロードし、解析して、スタイルシートで見つけたセレクタが全ページで使用されているかどうかチェックし、レポートを作成します。 スクリプトは、開発環境で実行してください。 公開中のサイトで実行すると、ユーザーにもHeliumの動作が見えてしまいます。 Step 1: 外部ファイル テストするページの全てに、当スクリプトを外部ファイルとして記述します。 場所は、head内でも</bo

[ms2sato]

これは良いな。今度試したい。

[ufomap]

使用されていないCSSのセレクタを見つけ出すスクリプト スクリプトは、開発環境で実行してください。 公開中のサイトで実行すると、ユーザーにもHeliumの動作が見えてしまいます。

[site159]

CSSテストするJS　自動スクリプト　誰か書いてると思うんだけど

[o_hiroyuki]

不要なCSSをチェックするJS

[JHashimoto]

”ウェブサイトの多数のページ全体に渡り、スタイルシートで定義されたセレクタが使用されているかどうかチェックし、使われていないセレクタのレポートを生成するスクリプトを紹介します。"

[ebisu3htn]

納品前の確認に最適、使用されていないCSSのセレクタを見つけ出すスクリプト -Helium ウェブサイトの多数のページ全体に渡り、スタイルシートで定義されたセレクタが使用されているかどうかチェックし、使われていないセ

[tagutagumasa]

納品前の確認に最適、使用されていないCSSのセレクタを見つけ出すスクリプト -Helium | コリス

[nors]

https://github.com/geuis/helium-css

[snobsnog]

これは試したい！

[kazutan711]

あとで

[mitsuoka]

これ＋圧縮でかなり軽くなるなぁ

[fk_U]

ほう

[loose-art]

これは便利。こんなの欲しかった。

[dokodajp]

納品前の確認に最適、使用されていないCSSのセレクタを見つけ出すスクリプト -Helium | コリス

[Morikuma]

なるほど

[myoukabi]

めも / [JS]納品前の確認に最適、使用されていないCSSのセレクタを見つけ出すスクリプト -Helium | コリス

[t_masuda]

これは便利そう！

[kaz_uki_1014]

ウェブサイトの多数のページ全体に渡り、スタイルシートで定義されたセレクタが使用されているかどうかチェックし、使われていないセレクタのレポートを生成するスクリプトを紹介します。 納品する際に、不要なセレ

[stray346]

未使用スタイルの検出

[beth321]

　コリス

[ryownet]

a-to-de

[info55]

便利っぽい

[Donca]

✔ [JS]納品前の確認に最適、使用されていないCSSのセレクタを見つけ出すスクリプト -Helium

[OfficeRiverHead]

ウェブサイトの多数のページ全体に渡り、スタイルシートで定義されたセレクタが使用されているかどうかチェックし、使われていないセレクタのレポートを生成するスクリプトを紹介します。 納品する際に、不要なセレ