Microsoft Edgeでユーザーエージェントの切り替え方法

自分のサイトがブラウザを切り替えた時、例えばXperiaやiPhoneの標準ブラウザで見た時ににどのように表示されるか確認したい場合は、どのブラウザでもユーザーエージェントの切り替え機能を使います。Windows10の標準ブラウザであるMicrosoft Edgeも例にもれません。Microsoft Edgeには開発者ツールにユーザーエージェントの切り替え機能がついて、ここからユーザーエージェントの切り替えが可能です。今回は、Microsoft Edgeでユーザーエージェントを偽装してスマートフォンのレイアウトなどを確認する方法を紹介します。

Microsoft Edgeでユーザーエージェントの切り替え方法

Microsoft Edgeでユーザーエージェントの切り替えるには開発者ツールを利用します。以下に記す手順通りに進めば問題なく実現できます。

Microsoft Edgeの開発者ツールを開く

まずはじめに、以下の図の通りMicrosoft Edgeの右上赤枠部を押し、その後「F12 開発者ツール」を選択します。

ユーザーエージェント変更画面を開く

開発者ツールを開いたらユーザーエージェントの変更画面を開きます。以下の黒いタブ上の赤枠をクリックし、その後下に現れる「エミュレーション」を選択します。

ユーザーエージェントを変更する

Microsoft Edgeの開発者ツールではいくつかプリセットが入っています。プリセットに入っているものであればそれを利用すればいいので、まずここではプリセットを確認するために以下の赤枠を選択します。

すると、以下のように表示されます。プリセットから選べる、例えばWindows Phoneなどの状況を見たい時はここから選択してください。

プリセットにないiPhoneなどのにユーザーエージェントを変更する

iPhoneなどプルダウンで表示されたもの以外のユーザーエージェントに変更したい場合は「カスタム」を選択します。

選択後、以下の赤枠にユーザーエージェントを入力します。

たとえば、iPhoneで使われるiOS 8.2であれば、以下のユーザーエージェントを追加します。

以上で完了です。iPhone iOS8.2のユーザーエージェントを入れた場合は以下のようにMicrosoft Edgeで表示しました。

せっかくのユーザーエージェント変更機能。ぜひ利用してみてください。