任意のサイズにブラウザサイズを変更するブックマークレット

今まで「Browize」という、クリックするだけでブラウザサイズを変更できるページがあったのですが、見れなくなってしまいました。
よく使われる画面解像度ごとにボタンがあったので大変重宝していたのですが残念です。
そんなわけで勉強の一環として、任意のサイズにブラウザサイズを変更するブックマークレットを作ってみました。

ブラウザサイズを変更する

上記のリンク先をブックマークバーにドラッグアンドドロップするか、右クリックでリンク先をブックマークしてください。

先程のブックマークしたものをクリックするとこの様なダイアログが表示されます。

ダイアログボックス

とりあえず、例のとおりに「1024,768」と入力してみましょう。
するとブラウザサイズがwidth:1024、height:768に変更されます。
しかも、数字ではなくhalfと入力すれば画面解像度の半分の値が自動的に入力されるようになっています。

まぁ、私はFiresizer使ってますけどね!
ちなみにOperaとChromeとSafari5(Mac版。WinのSafari4は動作した。)では動作しません。これは使えませんね。どうすればいいんですかね。

以下、コードの詳細です。

//ダイヤログボックスを表示。入力された内容が変数sに代入される。
var s = window.prompt('Please enter width and height.ex)1024,768','');

//変数s内の「,」のあるindex番号を代入。
var n = s.indexOf(',');

//widthの値を変数wに代入。
var w = s.substring(0,n);

//heightの値を変数hに代入。
var h = s.substring(n+1,s.length);

//halfなら画面解像度の半分の値にする
if(w=='half') w = window.screen.availWidth/2;
if(h=='half') h = window.screen.availHeight/2;

//ブラウザサイズを変更する。
window.resizeTo(w,h);

この記事をブックマーク・シェアする

この記事に関連する記事

カテゴリ

コメント

コメントを残す

コメント*

コメントリンクを nofollow free に設定することも出来ます。

誤字・脱字やリンク切れなどお気づきの点がございましたら@loop0429までよろしくお願いします。

この記事の先頭へ