2006年10月07日 21:30 [Edit]

javascript - DOMInspector Bookmarklet

DOMInspector

こんなものをこさえてみました。


任意のページでこのBookmarkletを呼ぶと、任意のDOM Elementにマウスをかざすことで、そのElementに関する情報を得ることができます。元の状態に戻すにはReloadするだけです。

とりあえずSafariとFirefoxで試しましたが、IEでどうなるかはわかりません。報告お待ちしてます。

ソースは以下のとおり。

Bookmarklet:
http://blog.livedoor.jp/dankogai/js/DOMInspector.js

Enjoy!

Dan the DOM Juggler


この記事へのトラックバックURL

この記事へのコメント
似たようなものがすでにあったりします。
http://slayeroffice.com/tools/modi/v2.0/modi_help.html
Posted by t at 2006年10月08日 08:29
lurkerさん、
あ、ほんとだ。直しました>
Dan the Typo Generator
Posted by at 2006年10月08日 01:22
なんだか、Mac + Firefox だと
Bookmarkletの最後に => ( "> )
こんな感じの余計な文字列が付加されていて、
コピペで動かないです。
Posted by lurker at 2006年10月08日 00:32
通りすがりさん、
報告ありがとうございます。
iframeのsrcの場合でも、ダウンロードしようとしちゃうのですねえ>IE
同じ内容のDOMInspector.txtを作ってそちらに指定し直しました。
Dan the IEPhobia
Posted by at 2006年10月07日 23:34
IE6ではこのエントリを開いたとたんDOMInspector.jsのダウンロードダイアログが開きます。
Posted by 通りすがり at 2006年10月07日 22:35