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