サイト全体の不要なCSSセレクタを一覧表示してくれるFirefox拡張が便利 Dust-me Selectors

サイトを構築する上でほぼ必要不可欠になったCSSですが

更新などを重ねると肥大化して不要なセレクタが出てきます

この不要なCSSセレクタをサイト全体でチェックしてセレクタを

洗い出してくれる便利なFirefox拡張機能です

GoogleChromeでもこの様な機能があれば良いのに・・・

dustme41

Firefox拡張機能 Dust-me Selectors インストールはこちらから

目次

使い方

dustme1

調べたいページなどで右クリック「Spider this page」をクリックします

dustme2

Startを押します

dustme3

サイト全体をチェックし始めますので、待ちます

dustme4dustme5

しばらくすると結果が表示されます

Unusedは使っていないCSSセレクタを表示してくれます

usedは使っているCSSセレクタも表示してくれます

レビュー

一応キャッシュの効いたサイトでもチェックしてくれるようですが

チェックする際にはキャッシュは外しておいた方がよさそうです。

またCSSの編集には一度バックアップしてからの作業をオススメしますが

なかなか便利な拡張機能です

よかったらシェアしてください!

コメント

コメントする

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

目次