サイト全体の不要な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. エディタ・ワード・開発

    万能エディタ gPad テキストやCSV、HP作成にも大活躍なタブ型のエディタ

    様々な言語の認識やCSV(タブ、カンマ区切り)などにも対応したタブ型の…

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

    無料で高機能なHP作成ソフト 『Aptana Studio3』 プレビューやZenCodingにも対…

    高機能でWeb、HPの作成にこれほどの機能が付いていて無料というフリー…

コメント

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

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

最近の記事

PAGE TOP