指定したサイズ、倍率でwebページを見るHTML

iframeをzoomを使って倍率を変えると、表示されるページの倍率も変わるようだ。
面白そうなので、URL、サイズ、倍率を指定してページを見れるHTMLを書いてみた。
はてなダイアリーはiframeを使えないようなので、画像にした。

URLを記入してOpenボタンでiframe内に表示するが
ブラウザのタブがロックされていると新しいタブで開いてしまう。
幅、高さ、倍率を指定してResizeボタンでサイズを変更。
画像は、はてなのトップページを幅1500、高さ2500、倍率を0.2倍にして表示させてみた。
文字サイズを最大にしても、とても読めたものではないがリンクはクリックできる。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <meta http-equiv="Content-Style-Type" content="text/css"> <title>Zoom</title> </head> <style type="text/css"></style> <body> <div id=put style=border:none><input name=c type=checkbox checked></div> <div id=put>URL<input name=u size=60% value="http://"> <input id=btn type=button value=Open onclick=nop()></div> <div id=put style=border:none><input id=btn type=button value=Close onclick=wc()></div> <div id=put><input name=w size=10>px(幅)</div> <div id=put><input name=h size=10>px(高さ)</div> <div id=put><input name=z size=10>(倍)</div> <div id=put style=border:none><input id=btn type=button value=Resize onclick=chg()></div> <div id=nf><iframe id=f></iframe></div> </body> <script type="text/javascript"></script> </html>
動作確認はIE6のみ。(zoomはIEのみ対応かも）

3月3日修正

表示を中央にした。

チェックボックスのチェックを外してOpenで、新しいiframeで開くように変更。

3月6日更新

Closeボタン追加。複数のiframeがある場合、最後に作成したiframe以外を閉じる。

一箇所変更。(iframeのidのオブジェクト).src=urlをid.location=urlに変更。

　　こうするとfile:///〜のパスも開けるようだ。但し既存のiframeで開く時だけ。