便利ブックマークレット その12: Iframeで外部ページを表示させる

外部にあるページを、現在見ているページにiframeで挿入するブックマークレット
javascript:var s=document.createElement('div');s.innerHTML='<div style="position:absolute;top:10px;left:10px;z-index:10000;border:2px solid #ddd;width:320px;background-color:#fff;"><iframe src="http://www.geocities.jp/tanarky/blogger/tanarky/html/widget.html" width="320px" height="250px" frameborder="0"></iframe></div>';document.body.appendChild(s);location.href='#';void(0);
外部に、
http://www.geocities.jp/tanarky/blogger/tanarky/html/widget.html
のようなページを用意しておいて、
ブックマークレットでiframeを挿入して呼び出すロジック。

これによって、
  • javascriptでデザインをがんばらなくてもいい
  • 外部サイトのiframeを呼び出すので、外部サイトのcookieを読み込める
    • ログイン判定など可能
    • 元サイトのCSSに引きずられない
といった利点がある。