りんごが好きなのでぃす

Macを中心に、たま〜にiPhoneやiPadなどの話題も届けていたら今年で26年目を迎えてました

Webブラウザのウィンドウリサイズ用ブックマークレット

 

ブラウザのウィンドウサイズを一発で変更するブックマークレット3点

普段自分で使っているやつですが、もしかしたら便利に思ってくれる人も居るかも知れないので紹介だけしておきます。気になるものが有りましたらブックマークバーに登録してご利用下さい。

(1)Left 80% ← ブックマークバーへドロップ

80left.jpg

スクリーン全幅の80%のウィンドウを左端にセットします

(2)100% ← ブックマークバーへドロップ

maxwidth.jpg

ウィンドウサイズをスクリーン一杯に広げます

(3)Center 80% ← ブックマークバーへドロップ

80center.jpg

スクリーン全幅の80%のウィンドウを中央にセットします

登録はそれぞれのリンクテキストをブラウザのブックマークバーにドロップするだけです。ドロップする際に名称の変更が出来ますので任意の名前に書き換えて下さい。Safariの場合はブックマークバーの左側に配するとキーボードショートカット (command + 1など) が使えて便利です。

safari_savedialog.png

適当な名前で保存、ちなみに私は「ロ←」のように図式化して登録しています

ブックマークバーに登録されているブックマーク一覧を表示させると各ブックマークレットに記述されているJavaScriptを見る事が出来ます。そこに記述されている内容を変更することによりウィンドウ幅を任意のサイズに設定することも可能です。

bookmarklet.png

例えば上図の例だと「screen.availWidth*0.8」と書いている部分が「有効領域幅の80% (width=幅) 」を指定している部分です。この0.8を0.7に変更すれば70%、あるいは「screen.availWidth-280」という風に書けば全幅が1280pxのディスプレイだと1000pxのウィンドウを描け、という意味になります。なお、Dockを常に表示する設定にしてある場合はDockの幅 (高さ) を除いた分が計算の対象となります。

ここではSafariを例にしてキャプチャ画像を載せていますが、ブックマークレットなのでFirefoxでもInternet Explorerでも通用します。ただしブラウザによっては「幅」や「高さ」を定義する範囲が異なる場合が有るので、必ずしも上で解説した通りの位置やサイズでウィンドウが描かれるとは限りませんのでご注意下さい (その時は各自で調整して下さい) 。

【お断り】複数のタブが開いているウィンドウではブックマークレットは機能しません。
【お断り】ブラウザによってはウィンドウサイズの変更が保存されず、次回起動時には元の状態に戻ります。これはブラウザの仕様によるものなので毎回リサイズするか、サイズ変更後にウィンドウの右下を摘んで少しだけウィンドウサイズを手動で変更して下さい。Safari (Mac) ではこのやり方で変更が保存されます。