このページは Cloud Translation API によって翻訳されました。

ネットワーク条件: ユーザーエージェント文字列をオーバーライドする

Kayce Basques

Dale St. Marthe

概要

[ネットワーク状態] パネルを使用して、ユーザーエージェント文字列をオーバーライドし、さまざまなネットワーク速度をエミュレートします。

ユーザーエージェント文字列をオーバーライドすると、ブラウザがウェブサーバーに自己を識別する方法が変更されます。つまり、ブラウザは以前のバージョンや別のブラウザを完全にシミュレートできます。これは、レスポンシブデザイン、互換性、機能検出のテストに役立ちます。

ユーザーエージェント文字列をオーバーライドしても、Chrome ブラウザの内部動作は変更されず、Chrome に配信されるコンテンツが変更されます。

[ネットワーク] パネルから [ネットワーク状態] パネルを開くか、DevTools で手動で開きます。

[ネットワーク] パネルを使用して [ネットワークの状態] パネルを開く手順は次のとおりです。

[ネットワーク状態] パネルを手動で開くには:

DevTools を開きます。
以下のボタンを押してコマンドメニューを開きます。
- macOS: Command+Shift+P
- Windows、Linux、ChromeOS: Ctrl+Shift+P
  
  図 2。コマンドメニュー
「Network conditions」と入力し、[ネットワーク状態を表示] を選択して Enter キーを押します。DevTools ウィンドウの下部に [ネットワーク状態] パネルが表示されます。

または、右上の [その他のオプション] > [その他のツール] > [ネットワーク状況] を選択します。

[ネットワーク状況] パネルでユーザーエージェント文字列をオーバーライドする手順は次のとおりです。

[ネットワーク状態] パネルを開きます。
[ユーザーエージェント] セクションで、[ブラウザのデフォルトを使用] チェックボックスをオフにします。

図 3. [ブラウザのデフォルトを使用] を無効にする
リストからユーザーエージェント文字列を選択するか、独自のカスタム文字列を入力します。
ページを更新して結果を表示します。

[ネットワーク状況] パネルでは、選択したユーザーエージェント文字列のユーザーエージェントクライアントのヒントをカスタマイズできます。

この機能を使用する手順は次のとおりです。

リストからユーザーエージェント文字列を選択するか、独自のカスタム文字列を入力します。
[ユーザーエージェントクライアントのヒント] プルダウンをクリックします。関連する値が自動的に入力されたフォームが表示されます。

図 4. User-Agent Client Hints フォーム
フォームを編集するには、[] をクリックして項目を削除し、[ブランドを追加] をクリックして [ユーザーエージェント] リストと [完全なバージョン] リストに追加します。
完了したら、フォームの下部にある [更新] ボタンをクリックします。
ページを更新して結果を表示します。

[ネットワーク状態] パネルでネットワーク速度をスロットリングするには、[ネットワークのスロットリング] リストをクリックし、[高速 3G]、[低速 3G]、または [オフライン] を選択します。

また、[ネットワーク] パネルで、同様の方法でネットワーク速度をスロットリングすることもできます。[ネットワーク] パネルを開き、アクションバーの [スロットリングリスト] から目的の速度を選択します。

[パフォーマンス] パネルを使用してネットワーク速度をスロットリングすることもできます。[パフォーマンス] パネルを開き、[] をクリックして、[ネットワーク] リストから [高速 3G] または [低速 3G] を選択します。

ネットワークスロットリングプロファイルを作成して、独自のカスタムネットワークスロットリングパラメータを設定します。方法については、スロットル処理をご覧ください。