DevTools のヒント: Device Mode

Sofia Emelianova
Sofia Emelianova

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

デバイスモードを使用してモバイル ビューポートをシミュレートし、構成します。

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

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