レスポンシブウィンドウリサイザー
任意のページを正確なビューポートサイズのテストウィンドウで開く
このツールでできること
レスポンシブウィンドウリサイザーは、選んだビューポートサイズ（390 × 844 や 1366 × 768 など）の独立したテストウィンドウでページを開きます。まず空白ページでブラウザー枠を計測し、表示領域が指定サイズにできるだけ近づくようにウィンドウを調整し、計測したサイズを報告してから URL を読み込みます。
使い方
- 1.ページの URL を入力するか、このページのままにします。
- 2.プリセットを選ぶか、幅 200〜3840、高さ 200〜2160 ピクセルで入力します。
- 3.「テストウィンドウを開く」を選び、求められたらポップアップを許可します。
- 4.結果で指定サイズと計測サイズを確認します。
- 5.よく使うサイズは保存できます。このブラウザーに残ります。
機能
- •スマートフォン、タブレット、ノート PC の代表的な 10 種類のプリセットと、自分で保存したサイズ。
- •縦向きと横向きを確認するための幅と高さの入れ替え。
- •ポップアップのブロック、画面の制限、サイズ変更を無視するブラウザーも含め、計測したビューポートをそのまま報告。
- •このタブのビューポート、ウィンドウ、画面、デバイスピクセル比をリアルタイム表示。
- •何もアップロードしません。URL は起動したウィンドウで開くだけです。
制限事項
ブラウザーがページにサイズ変更を許すのは、そのページ自身が開いたポップアップウィンドウだけで、現在のタブは変更できません。モバイルブラウザーは通常サイズ変更を無視します。これはビューポートサイズのランチャーであり、デバイスエミュレーションではありません。デバイスピクセル比、タッチ、モバイルブラウザーのツールバー、ユーザーエージェント、CPU とネットワークの速度、プラットフォームのフォントはエミュレートされないため、DevTools のデバイスモードを使ってください。別サイトのページが読み込まれた後は、ウィンドウを読み取ったりサイズ変更したりできません。
