ユーザーエージェントを変更して、Chrome、Firefox、Safariのモバイルサイトを表示します

ユーザーエージェントの変更とは、実際に使用されているデバイスとは異なるデバイスでWebサイトへの接続をシミュレートすることです 。 ユーザーエージェントは、可能であればサイトの最適なバージョンを取得するために、Webサイトを開く必要があるたびにデバイスが通信する情報です。
たとえば、このようなサイトwww.navigaweb.netは、携帯電話から開いた場合、PCに表示されるものとは少し異なって見えます。 ただし、これよりもはるかに重要な他のサイトでは、機能が根本的に異なり、たとえば、モバイル版でははるかに軽量で不可欠なFacebookとTwitterを考えます。
ユーザーエージェントの変更は、主に次の2つの理由で便利です。
まず、開発者やブロガーがモバイル版のWebサイト試して、iPhone、iPad、6インチ画面のAndroidスマートフォン、Androidタブレットなどでどのように見えるかを確認すると便利です。
ただし、すべての場合、ユーザーエージェントの変更は、PCでインターネットに接続し、モバイルバージョンでサイトを開くのに便利です。特に、限られたデータ接続を使用する場合は、ネットワーク帯域幅の消費を抑えるために、スマートフォンをモデムとして使用する場合)。
また読む: AndroidおよびiPhoneでサイトのデスクトップモードを強制する
この記事では、PC WindowsおよびMacのメインブラウザーでユーザーエージェントを変更して、モバイルバージョンのサイトを表示してテストを実行する方法、または最小帯域幅を使用してインターネットに接続する方法を確認します。
1) Google Chromeでユーザーエージェントを変更する
何もインストールする必要なく、Chromeユーザーエージェントを開発ツールから変更できます。開発ツールは、 CTRL-Shift-Iキーを同時に押すか、[ その他のツール]> [開発ツール ]に移動してメニューボタンをクリックします
開発ツールボックスの左上で、携帯電話のボタンを押して、上部のドロップダウンメニューからデバイスを選択します。
iPhone 6などの選択を行った後、左上にあるChromeのボタンを押してページを更新します。Chromeのボタンは、円形の矢印が戻ります。
ただし、この設定は一時的なものであり、開発者ツールペインを開いたままにした場合にのみ機能します。
デフォルト以外のユーザーエージェントを常にアクティブにし、PCからモバイルバージョンのすべてのサイトを表示するには、代わりにChromeのユーザーエージェントスイッチャー拡張機能をインストールできます。 この拡張機能を使用すると、すべてのWebサイトの接続をシミュレートするデバイスを簡単に選択でき、iPhoneバージョン、Androidバージョン、iPadまたはタブレットバージョン、または通常のデスクトップバージョンのいずれでサイトを表示するかを選択できます。
携帯電話をエミュレートしてインターネットをサーフィンするには、いつでもエミュレートする携帯電話を選択できるChrome Mobile Browser Emulator拡張機能を使用できます。 これは、ウェブサイトのモバイルバージョンを試すのにも、Opera Mobileを搭載したAndroidスマートフォンから行うのと同じようにPCからナビゲートするのにも理想的です。これは、ブラウザウィンドウのサイズ変更と拡大もできるためです。
2)設定ページを使用して、 Firefoxでユーザーエージェントを変更できます。
次に、Firefoxの新しいタブを開いて、アドレスバーでconfigを入力し、Enterキーを押して必要に応じて承認します。
useragent検索フィールドに入力してから、おそらく存在しないgeneral.useragent.overrideオプションを探します。 設定を作成するには、 about:構成ページの空白を右クリックし、[ 新規]> [文字列]を選択して、 general.useragent.overrideという名前を付け、選択したユーザーエージェントの値を文字列値として入力します。例は次のとおりです。
Mozilla / 5.0(iPhone; Mac OS XのようなCPU iPhone OS 10_2_1)AppleWebKit / 602.4.6(GHTMLのようなKHTML)バージョン/ 10.0 Mobile / 14D27 Safari / 602.1
この設定は、開いているすべてのサイトで有効になり、Firefoxを閉じて再度開いた後でも有効になります。
注:ほとんどすべての一般的なユーザーエージェントは、このサイトにあります。
Firefoxの場合、デバイスを動的に変更できるユーザーエージェントスイッチャーとして、最初に拡張機能をインストールすることもできます。
3) ユーザーエージェントをMicrosoft EdgeおよびInternet Explorerに変更する
Microsoft EdgeとInternet Explorerには、開発ツールにユーザーエージェントスイッチャーがあり、ほとんど同じです。 開発ツールを開くには、キーボードのF12キーを押すか、設定に移動します。 開発ツールは、ウィンドウの下部にある別のペインで開きます。 このボックスには[エミュレーション]タブがあり、そこから既に構成されているモバイルデバイスの1つを選択するか、ユーザーエージェントを手動で入力できます。 この設定は常に一時的なものであり、現在のタブにのみ適用され、開発ツールペインが開いている場合にのみ適用されます。
4) Mac上のSafariでユーザーエージェントを変更する
このオプションは、非表示のSafari開発メニューで使用できます。
有効にするには、 Safariメニュー> [設定]> [詳細 ]に移動し、メニューバーの [ 開発の表示]メニューオプションを有効にします
[ 開発 ]メニューをクリックし、[ユーザーエージェント]で、インターネット接続をシミュレートするデバイスを選択します。
[ その他 ]オプションを使用すると、別のユーザーエージェントのコードを記述できます。 このオプションは、現在のタブでのみ有効です。
このモードでは、 スマートフォンをPCのモデムとして 使用したり、iPhoneをホットスポットとして使用したりすることもできます。

コメントを残します

Please enter your comment!
Please enter your name here