便利ブックマークレット その12: Iframeで外部ページを表示させる
外部にあるページを、現在見ているページにiframeで挿入するブックマークレット
http://www.geocities.jp/tanarky/blogger/tanarky/html/widget.html
のようなページを用意しておいて、
ブックマークレットで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に引きずられない
