情報をWEBブラウザーで表示するブックマークレット

Ajaxなサイトを開発してる時、Cookie情報を確認したくなることがあったので、簡単に使えるようにブックマークレットを作りました。以下のコードをコピペしてブックマークに追加すると使えます。Operaでしか動作確認してません。

javascript:void(z=document.body.appendChild(document.createElement('div')));void(z.innerHTML="<h3><a href='#' onclick='javascript:this.parentNode.parentNode.parentNode.removeChild(this.parentNode.parentNode);return false;'>×</a> Cookie</h3><pre>"+document.cookie+"</pre>");void(z.style="position:absolute;top:0pt;left:0pt;");

prototype.jsとdragdrop.jsをincludeしてるならDraggableにすることが出来ます。

javascript:void(z=document.body.appendChild(document.createElement('div')));void(z.innerHTML="<h3><a href='#' onclick='javascript:this.parentNode.parentNode.parentNode.removeChild(this.parentNode.parentNode);return false;'>×</a> Cookie</h3><pre>"+document.cookie+"</pre>");void(z.style="position:absolute;top:0pt;left:0pt;");void(new Draggable(z));

見た目はあまり考えてないのでサイトによっては非常に見づらいですが、開発中のサイトなら自分でCSSいじれば何とかなります。

追記: IE7ではだめぽ。原因はinnerHTMLに突っ込んでることだと思うけど直すのめんどくさ