FireFoxでFirebugを使用している限りはさほど困らないのですが、Webページ中のHTML表現はどうなってるのかを知りたいことがあります。Firebugがない情況ではソースを見てあたりをつけるしかないのですが、こういうスクリプトをbookmarklet化しておけば役に立つかもしれないと思いました。ただちょっと簡単すぎてコードスニペットとしてはイマイチかもしれません。どうせならXPath表現で表示させることも考えましたが、用途が特殊すぎるのでやめときます。
【サンプル】
document.onmouseover = function(evt){
var node = evt ? evt.target : window.event.srcElement;
node.oldbg = node.style.backgroundColor;
node.oldtitle = node.title;
node.style.backgroundColor = "#FFFFCC";
node.title = node.nodeName;
}
document.onmouseout = function(evt){
var node = evt ? evt.target : window.event.srcElement;
node.style.backgroundColor = node.oldbg;
node.title = node.oldtitle;
}
【サンプルの実行】 → クリックして画面上でカーソルを動かしてください。ツールチップとして要素名が表示されます。
