エディタ・ワード・開発

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

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

関連記事

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

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

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

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

    バッチファイルを開発、ビルドしてEXEにもできるフリーソフト 『VisualBat』

    最近ではあまり見なくなったバッチファイルですが時にシンプルで便…

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

    動作軽快な縦書き文章が書けるフリーソフト 『TATEditor』

    縦書きで文章が書けるエディターメモ帳感覚でも使える動作軽快なエ…

コメント

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

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

PAGE TOP