m2

ソースを表示する bookmarklet

javascript bookmarklet

bookmarklet (Opera,Fx,IE7?):

改行付き:

(function(){
  var A='appendChild',
      C='createElement',
      d=document,
      p=d.body[A](d[C]('p')),
      b=p[A](d[C]('button')),
      r=p[A](d[C]('pre')),
      x=new XMLHttpRequest();//x=new ActiveXObject('Microsoft.XMLHTTP');
  b.onclick=function(){d.body.removeChild(p)};
  b.innerHTML='close';
  r.style.cssText='background:#F8FBFC;padding:1em;overflow:auto';
  p.style.cssText='background:white;border:#8BF solid 1px;position:absolute;top:9px;left:9px;width:95%;padding:1em';
  x.open('GET',location,true);
  x.onreadystatechange=function(){
    if(x.readyState>3)
      r[A](d.createTextNode(x.responseText))
  };
  x.send(null)
})()

IE6 でも XMLHttpRequest を置き換えて、スタイル指定を減らして508文字以内にすれば動きます。が、IEでは改行が削除されるようです。

  • -

関連

[opera][javascript][user.js] text/XXXX で開かれたページを別の MIME タイプで開く
http://orera.g.hatena.ne.jp/miya2000/20070619/p0
  • -

2007/07/01 追記
Opera・Firefoxでは XMLSerializer#serializeToString を使えば同様のことが出来ました。

javascript:alert(new XMLSerializer().serializeToString(document.documentElement))

ただし、こちらではコメントのタグ「<!--」が「&lt;!--」にエスケープされるようです。

"View Selection Source" for the Opera browser
http://www.webkitchen.cz/lab/opera/view-selection-source/

via

Shishimushi - Operaで「選択した部分のソースを表示」
http://kawatarou.info/note/opera/view_selection_source.htm