サイト全体の不要な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の編集には一度バックアップしてからの作業をオススメしますが

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

  • コメント: 0

関連記事

  1. エディタ・ワード・開発

    真っ暗なテキストエディタ!! シンプルで集中して書く事ができるフリーソフト 『TextRoom』

    真っ暗なテキストエディタで文字を書く事だけに集中できるフリーソフト…

  2. エディタ・ワード・開発

    高機能開発ツールの無料版 VisualStudio 2010 Express VisualBasic…

    VisualStudioといえばプログラマーご用達の開発ソフト…

  3. エディタ・ワード・開発

    無料で3Dゲームを作成できる開発ソフト 『Unity』が面白いぞ

    結構有名なんですが、簡単に物理エンジンで3Dなゲームが作れます…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

PAGE TOP