CSSのクラス名を表示するブックマークレット

HTML内で指定されているクラス名を一覧表示するブックマークレットを作った。
以下のコードをコピペして、「.url」という拡張子（ファイル名はお好み）でブラウザのお気に入りディレクトリに保存すると使える。IEでしか動作を確認できていないけれど。
[InternetShortcut] URL=javascript:(function(){var a=[];var z=document.getElementsByTagName("body");var v=document.createElement("div");v.style.top="0";v.style.left="0";v.style.position="absolute";v.style.backgroundColor="#F59720";v.style.fontFamily="Verdana";v.style.fontSize="14px";z[0].appendChild(v);f(z);function f(b){for(var i=0;i<b.length;i++){if(b[i].childNodes){f(b[i].childNodes);}var c=b[i].className;if(c){for(var j=0;j<a.length;j++){if(a[j]==c)return;}a[a.length]=c;v.innerHTML+=c+"<br>";}}}}());


因みに、ブックマークレットを実行したときのイメージはこんな感じ。

役に立つような立たないような。
好奇心のある方は、色々なWebページのクラス名を覗いてみるのも良いかと。Googleは一文字のクラス名が多かったり、Yahoo!はほとんどクラスを呼んでなかったり。
参考になるようなならないような。


[追記]
Firefox1.5でも動作する模様。