続々・ブックマークレット

一昨日昨日の続きです。といっても、昨日の話しですが。

実は drry さんに、getElementsByClassName を使わないバージョンを書いていただいたのでした。しかも、セレクタはクラスに限らず、何でも使えるのでより汎用的になっています。日記に書いてもいいと許可を頂いたようなので(?)、書いておきます。

javascript:(function(){var ss;if(!(ss=document.styleSheets[0])){var s=document.createElement("style");document.getElementsByTagName("head").item(0).appendChild(s);ss=s.sheet;}for(var i=0,l=ss.cssRules.length;i<l;i++)if(ss.cssRules[i].type==1)break;var st=prompt("selector",".section");ss.cssRules[i]&&ss.cssRules[i].selectorText==st?ss.deleteRule(i):ss.insertRule(st+"{outline:1px solid "+prompt("outline-color","red")+" !important}",i);})();

このブックマークレットを発動すると、セレクタ入力のプロンプトが出るので、適当に入れたやると色をきいてきます。で、それに答えてやると最初に入れたセレクタに、後で入れた色のアウトラインをスタイルでつけてくれます。多重発動も可能で、多重発動で、すでに指定済みのセレクタを入力すると、適用済みの outline を削除してくれます。

cssデバッグのお供にどうぞ。Firefox 2.0 などで動きますが、IE6 では動きません。