小粋空間  -  a cheap joke and a play on words site

FirefoxやChromeでブラウザのウインドウサイズを変更するブックマークレット

小ネタです。ブラウザのウインドウサイズを変えるブックマークレットを紹介します。ビギナー向けにブックマークレットについても簡単に解説しています。

１．ブックマークレットとは

「ブックマークレット」とは、JavaScriptで記述したちょっとしたプログラムのことを指し、ブラウザのブックマークやブックマークツールバーに登録して利用することからこの名称となったようです。 登録したブックマークをクリックすることでブックマークレットが機能します（一部Wikipediaより引用）。

Wikipedia - ブックマークレット

２．ウインドウサイズを変更するブックマークレット

以下のリンク（ブックマークレット）を左クリックしてブックマークツールバーにドラッグするか、右クリックして「お気に入り」や「ブックマーク」に追加します。

①：1000 x 750

Chromeの場合は以下のブックマークレットを使用してください。Firefoxは①②のどちらでも動作します。

②：1000 x 750

３．ブックマークレットの使い方

ブックマークツールバーにドラッグした「1000 x 750」をクリックすれば、ウィンドウサイズを変更することができます。②のブックマークレットは、表示中のページを、指定したサイズで新しいウィンドウを開きます。

「お気に入り」や「ブックマーク」に追加した場合は、追加した「1000 x 750」を選択してください。

３．サイズの変更方法

サンプルのブックマークレットは幅1000px、高さ750pxで設定しているので、サイズは適宜変更してください（タイトルも）。

Firefoxの場合、①のブックマークレットの値を変更するには、ブックマークレットを右クリックして、「プロパティ」をクリック。

URL欄に表示されているJavaScriptの「1000」「750」を変更して「保存」をクリックします。

Google Chromeの場合、②のブックマークレットの値を変更するには、ブックマークレットを右クリックして、「編集」をクリック。

「URL」欄に表示されているJavaScriptの「1000」「750」を編集して「OK」をクリックします。

４．サイズの算出方法について

①のブックマークレットにあるresizeTo()で指定した値は、ブラウザ全体の幅・高さになります。表示領域を1000x750にしたい場合は多めの値を設定してください。スクロールバーありの場合、Firefoxであれば、幅は1033pxで丁度いいようです。高さはツールバーの表示状態によって異なります。

②のブックマークレットにあるwindow.open()で指定した値は、設定したサイズがそのまま表示領域となります。ただしスクロールバーは含まれるので、その分は多めに設定してください。Chromeであれば横幅は1017pxを設定すると丁度いいようです。

ブックマークレットはスクロールバーの有無で使い分けられるよう、2つ用意しておくといいでしょう。

５．Firefoxの「Web Developer」アドオンでリサイズする

ご存知の方も多いと思いますが、Firefoxであれば「Web Developer」アドオンにリサイズ機能がついています。

６.参考サイト

参考サイトは以下です。ありがとうございました。

• ブラウザのウインドウサイズを変えるブックマークレット
• Google Chromeでポップアップがうまく開かない