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