ブラウザのテスト用にウィンドウのサイズを変更するブラウザプラグイン

ウェブサイトを作成しているとき、22インチの外部ディスプレイで作業します。これは問題ありませんが、小さい画面でサイトがどのように表示されるかをよく理解するには、ブラウザーウィンドウのサイズを変更する必要があります。

現時点ではhttp://resizemybrowser.com/（これもサファリ拡張子があります）を使用していますが、FirefoxやChromeブラウザープラグインがあり、類似したものを探していると、探していましたが、今のところ何も見つかりません。

Firefoxを調べてみたところ、「レスポンシブデザイン」モードもあることがわかりました。Web Developer → Responsive Design Viewに移動します。

その後、プリセット解像度のドロップダウンが表示されます。

これは実際にはChromeの組み込み機能です。

1. DevToolsを開きます（F12）

2. 設定を開く

   

3. [ オーバーライド ]パネルで、ウィンドウのサイズを設定します。

   

注：そのパネルでユーザーエージェントを選択すると、Chromeは自動的に、選択したエージェントの正しいデバイス指標を選択しようとします。

Chromeの場合は、ウィンドウリサイザーを使用できます。Firefoxの前に、Firesizerを使用できます。