2019/12/17

使われてないcssやjsが見れるchromeのCoverage







chrome の Dev Tools の機能で Coverage というのがあって、
これをみると、そのページでつかわれてないcssやjsが行単位でわかります。

Dev Toolsを開いて、More Tools の中に Coverage があるので、それをクリックします。
左上にあるグレーの丸を押して赤くした状態でリロードすると、見れるようになります。

そのページで使われてないというだけで、行が赤くなってるのもを全て消してしまうと
他のページで必要なcssを消してしまうことになるので注意です。

確認が終わったらグレーに戻しておいた方がいいと思います。
無駄に処理が走ってる状態になるので。