CSS内のURLをリンクアンカーにするスクリプト

他所のサイトのCSSを参照する時はMozilla(Firefox)で直接開いて見ることが多いのですが、そのCSS中に別のCSSのインポートや画像のURLがある場合、それをチェックしようとするとなるとURLをいちいちコピー&ペーストしなければならず、大変面倒でありました。なのでこのURLがリンクアンカーになっていれば便利だろうな、という思いつきは以前から持っていたのですが、昨日思い立ってそれを実現するためのbookmarklet用スクリプトを作ってみました。

元ソースとそれを変換したbookmarklet用のURLを以下のファイルに載せておきます。

FirefoxでCSSファイルを開いた状態をDOM インスペクタで調べてみると、CSSのリスト部分はHTMLのpre要素として扱われているようでした。なのでその中のURL部分をa要素ノードに置き換える、ということをしています。そういう物なので、動作するのはMozilla系のブラウザのみとなります。

Camino べんりセットの外部スタイルシート一覧と併せて使うと、かなり快適にCSSの参照ができるかと思います。

追記(2005年5月31日)

スクリプトをgreasemonkey向けに書き換えてみました。→CSS Linkify