Error: I'm afraid this is the first I've heard of a "$flavour" flavoured Blosxom. Try dropping the "/+$flavour" bit from the end of the URL.

Tue, 21 Dec 2004

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

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

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

• url_to_anchor_in_css.js

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

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