web-dev-qa-db-ja.com

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

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

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

9
sam

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

enter image description here

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

enter image description here

13
sam

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

  1. DevToolsを開きます(F12

  2. 設定を開く

    enter image description here

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

    enter image description here

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

3
Der Hochstapler

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

2
Bibhas