DevTools のヒント: Device Mode

Sofia Emelianova
Sofia Emelianova

DevTools を使用すると、実際のデバイスでブラウジングすることなく、任意のデバイスでウェブサイトの動作やパフォーマンスをテストできます。

[Device Mode] を使用してモバイル ビューポートをシミュレートし、設定します。

  • さまざまな方法でデバイスの寸法を設定するか、プリセットを使用します。
  • 横向きと縦向きを切り替える。
  • @media の最小幅と最大幅のブレークポイントをデバッグする
  • カスタム デバイスをシミュレートまたは構成するデバイスを選択します。
  • CPU とネットワーク速度をスロットリングして、ミッドレンジ デバイスとローエンド デバイスでページのパフォーマンスをシミュレートします。
  • オフライン モードを有効にして、ウェブサイトのオフライン コンテンツをテストします(ある場合)。

詳しくは、Device Mode でモバイル デバイスをシミュレートするをご覧ください。