Web ページへのアクセスは簡単そうに見えますが、アドレスを入力するか Google で検索してから画面に表示されるまで、数秒間のアクションです。
しかし、現在のページは非常に複雑です。彼らには他に選択肢がありません。多くの競争があり、可能な限り最高のユーザー エクスペリエンスを提供する必要があります。たとえば、PC/Mac、スマートフォン、タブレット、スマート TV など、使用するブラウザとプラットフォームに応じてページの外観が異なります。
ただし、実際には互換性があるにもかかわらず、そのブラウザではないという理由だけで特定のコンテンツにアクセスできない、オンライン ストアの価格が異なるなど、異なるコンテンツが表示されるなど、あまり好ましくないケースもあるかもしれません。
次に、Web ブラウザのユーザー エージェントを変更する方法を見ていきます。アクセスする特定の Web ページを騙したり、Web デザイナーや開発者であれば、自分の Web サイトや競合他社の Web サイトがさまざまなブラウザーからどのように見えるかを確認するのに役立ちます。
グーグルクローム
まずは、最も人気のあるブラウザである Chrome から始めます。
通常、ユーザー エージェントの変更は Web ブラウザーに付属の開発者向けオプションから可能ですが、触ってはいけないものに触れないようにするためにデフォルトでは表示されません。
Chrome では、右上隅のボタンから[その他のツール] > [開発者ツール] を選択します。
これにより、ブラウザの右半分に新しいパネルが開き、現在表示しているページのコードとファイルが表示されます。特に、ユーザー エージェントを変更して、別のデバイスで表示する場合と同じようにページを表示するように指示できます。
これを行うには、開いたパネルの上部バーの左から 2 番目にある、スマートフォンとタブレットを示すボタンをクリックする必要があります。
デフォルトでは、モバイル形式で表示されますが、エミュレータ デバイスの画面解像度を変更したり、Galaxy、Nexus、iPhone、iPad などの別のデバイスであることを示すことができます。
[レスポンシブ] > [編集…]をクリックすると、BlackBerry、Kindle Fire、Lumia などのその他のデフォルト オプションを有効にすることができます。また、独自のデバイスを作成して、そのブラウザまたはデバイスと同じようにページが表示されるようにすることもできます。
Chrome でユーザー エージェントを変更するのは、基本的に、さまざまなデバイスでページがどのように表示されるかを確認することです。ブラウザの種類も変更したい場合は、ユーザー エージェント文字列情報からデバイス プロファイルを作成してみてください。
Firefox
Mozilla Firefox を使用すると、スマートフォンやタブレット、あるいは別のブラウザから Web ページを閲覧しているかのように Web ページを表示することもできます。
右上隅のメニューから[開発者] > [責任ある設計モード] を選択すると、シミュレートされたデバイスの画面サイズに基づいて、開いているタブがそのページを表示するように変更されます。利用可能なさまざまな解像度から選択したり、ユーザー エージェントをカスタマイズしたりできます。
ユーザー エージェントをカスタマイズするには、ユーザー エージェント文字列で利用可能な情報が必要です。これまでに見たように、各ブラウザーとプラットフォームの主要なデータを示します。情報をカスタム ユーザー エージェント フィールドに貼り付けたら、カスタムを選択して解像度を変更する必要があります。
この方法に納得できない場合は、ナビゲーション バーから呼び出したり、他のユーザー エージェントで拡張したりできる、事前構成されたプラットフォーム、デバイス、ブラウザのリストを備えた User-Agent Switcher プラグインを試してください。
サファリ
Mac で Safari を使用している場合は、Web ページをだまして、別のプラットフォームまたはブラウザからアクセスしているかのように動作させることもできます。
まず、メニュー バーの [Safari] > [環境設定] > [詳細設定] > [開発メニューを表示]から [開発] メニューをアクティブにする必要があります。
ブックマークとウィンドウの間に開発メニューが表示され、ユーザー エージェントを変更できます。 [開発] > [ユーザー エージェント]から、Safari (iPhone および iPad 用)、Microsoft Edge、さまざまなバージョンの Internet Explorer、Firefox、および Windows および Mac 用の Chrome が表示されます。
また、 「Others…」からユーザーエージェントを変更することができます。 User-Agent Switcher を使用すると便利です。
インターネットエクスプローラー
Internet Explorer では、 [ツール] > [開発者ツール] (F12)に移動する必要があります。ブラウザの下部にパネルが開きます。
そのパネルで [エミュレーション] をクリックする必要があり、Internet Explorer 自体以外のデバイス、プラットフォーム、またはブラウザーの種類をシミュレートするためのいくつかのオプションから選択できることがわかります。
Microsoft Edge も同じメニューから同じパネルを提供しますが、Lumia、Surface、iPhone、iPad、Nexus などのさまざまなデバイスの事前定義されたプロファイルも表示します。
オペラ
Opera の最新バージョンは Google Chrome に基づいているため、Chrome でユーザー エージェントを変更する手順は Opera にもそのまま適用されます。
つまり、右上隅のメニュー[その他のツール] > [開発者ツール]に移動し、表示されるパネルで電話とタブレットを示すアイコンをクリックする必要があります。
Opera のその他の点は、デバイスの変更と独自のプロファイルの作成の両方において Chrome と同じです。
参考資料一覧
- http://www.useragentstring.com/pages/useragentstring.php
- https://addons.mozilla.org/es/firefox/addon/user-agent-switcher-firefox/
