Window Sizerの使い方 ~Chromeの画面サイズを指定の大きさにする~

Window Sizer は Chrome 拡張機能の一つで、画面サイズをあらかじめ登録しておいたサイズにボタン一つで変更することができます。ここでは Google Chrome の拡張機能である Window Sizer のインストール方法と実際の使い方について解説します。

(Last modified: )

Window SizerをChromeに追加する

拡張機能 Window Sizer の Chrome ウェブストアのページへアクセスしてください。

Window Sizer - Chrome ウェブストア

Window SizerをChromeに追加する(1)

拡張機能の説明等を見て頂き、問題なさそうであれば「CHROMEに追加」をクリックして下さい。

Window SizerをChromeに追加する(2)

確認画面が表示されますので「拡張機能を追加」をクリックして下さい。

Window SizerをChromeに追加する(3)

拡張機能 Window Sizer が Chrome に追加されました。

Window SizerをChromeに追加する(4)

画面サイズを変更する

それでは使い方を見ていきます。 Window Sizer を追加すると Chrome の画面右上に次のようなアイコンが表示されます。

画面サイズを変更する(1)

アイコンをクリックするとあらかじめ登録された7つの画面サイズが表示されます。

画面サイズを変更する(2)

設定したい画面サイズをクリックして下さい。

画面サイズを変更する(3)

Chrome の サイズが指定したサイズに変更されます。

画面サイズを変更する(4)

このようにクリックするだけであらかじめ設定しておいた画面サイズに簡単に変更することができます。

サイズとして 1024x768 を選択すると実際のウィンドウのサイズは 1010x761 になりました。また 640x960 を選択すると実際のウィンドウのサイズは 626x953 になりました。どちらも横幅が 14px 、高さが 7px だけ選択したサイズよりも小さいサイズになりました。差分は一定なのでウィンドウのサイズを測っている部分が異なるのかもしれませんが、あらかじめ横幅は 14px 高さは 7px 分だけ多めに変更しておくといいかと思います。変更方法はあとで解説します。

画面サイズを変更する(5)

画面サイズの設定を変更する

7 つの画面サイズがあらかじめ設定されていますが、サイズを変更したり不要なものを削除したり新しく追加することができます。

名前やサイズを変更する

既存の項目の名前やサイズを変更する場合は、変更したい項目にマウスを合わせた時に右側に表示される鉛筆アイコンをクリックして下さい。

画面サイズの設定を変更する(1)

名前とサイズを変更することができるようになります。

画面サイズの設定を変更する(2)

今回は次のように変更してみました。名前やサイズを変更した場合は右側に表示されているチェックマークをクリックして下さい。

画面サイズの設定を変更する(3)

登録されている名前やサイズが変更されました。

画面サイズの設定を変更する(4)

不要な項目を削除する

必要ない項目は削除することもできます。先ほどと同じように削除したい項目にマウスを合わせ、右側に表示された鉛筆アイコンをクリックして下さい。

画面サイズの設定を変更する(5)

右側に表示されたゴミ箱アイコンをクリックして下さい。

画面サイズの設定を変更する(6)

該当の項目が削除されました。

画面サイズの設定を変更する(7)

新しい項目を追加する

新しい項目を追加するには、右上に表示されている「New Size」をクリックしてください。

画面サイズの設定を変更する(8)

新しい項目の作成画面が表示されます。

画面サイズの設定を変更する(9)

名前とサイズを入力し右側に表示されているチェックマークをクリックして下さい。

画面サイズの設定を変更する(10)

新しい項目が作成されました。

画面サイズの設定を変更する(11)

Window Sizerを削除する

拡張機能の Window Sizer が不要になった場合は Chrome から削除することができます。削除するには Chrome の画面右上に表示されている Window Sizer の アイコンを右クリックし、表示されたメニューの中から「Chromeから削除」をクリックして下さい。

Window Sizerを削除する(1)

確認画面が表示されますので「削除」をクリックして下さい。

Window Sizerを削除する(2)

Window Sizer が削除されました。

Window Sizerを削除する(3)

-- --

Google Chrome の拡張機能である Window Sizer のインストール方法と実際の使い方について解説しました。

( Written by Tatsuo Ikura )

Profile
profile_img

著者 / TATSUO IKURA

プログラミングや開発環境構築の解説サイトを運営しています。