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

Question

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

現時点では http://resizemybrowser.com/ （これもサファリの拡張子があります）を使用していますが、Firefoxまたはchromeブラウザプラグインがある場合、似たような線量のものを検索しましたが、今のところ何も見つかりませんでした。

Answer 1

Firefoxを探し回っていたところ、「レスポンシブデザイン」モードもあることがわかりました。 Web開発者→レスポンシブデザインビューに移動します。

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

Answer 2

これは実際にはChromeに組み込まれている機能です。

1. DevToolsを開きます（F12）

2. 設定を開く

   

3. Overridesパネルで、ウィンドウに必要なサイズを設定します。

   

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

Answer 3

Chromeの場合は Window Resizer を使用できます。Firefoxの場合は Firesizer を使用できます。