Mac

Chrome、Safari、Firefoxでブラウザのユーザーエージェントを変更する

Chrome、Safari、Firefoxでブラウザのユーザーエージェントを変更する

Safariアイコンウェブブラウザのユーザーエージェントは、ウェブサイトがユーザーが使用しているコンピュータの種類、オペレーティングシステム、ブラウジングアプリを認識するための手段です。一部のサイトでは、ブラウザやOSごとに異なるテーマ、CSS、コンテンツ、さらには異なるサイトを提供しているため、多くの開発者は、これらの機能をテストし、代替サイトを構築するために、独自のユーザーエージェントを変更する必要に迫られることがよくあります。

Chrome、Safari、Firefox など、Mac OS X および Windows のデスクトップ ユーザーが利用できるすべての一般的な最新 Web ブラウザーのユーザー エージェントを変更する方法について説明します。

Chromeでユーザーエージェントを変更する方法

Chromeのすべての新しいバージョンには、ユーザーエージェントを非常に簡単に変更する機能が搭載されており、Safariユーザーが利用できる簡略化されたオプションよりも多くのオプションが用意されており、より強力です。Chromeのユーザーエージェントオーバーライド機能では、ユーザーエージェントのデバイス解像度も指定でき、その解像度内でページを強制的に再描画できます。Chromeでユーザーエージェント設定を有効にする必要はありません。開発者向けオプションから設定を見つけるだけです。

  1. Chromeを開き、「表示」メニューをプルダウンし、「デベロッパー」まで移動して「デベロッパーツール」を選択してデベロッパーパネルを開きます。
  2. 右端の3つの点ボタンをクリックし、「その他のツール」を選択して「ネットワーク条件」を選択します。
  3. 「ユーザーエージェント」を探し、「自動的に選択」の横にあるチェックボックスをオフにすると、Chromeのすべてのユーザーエージェントオプションが表示されます。
  4. ドロップダウン メニューからオプションのユーザー エージェントを選択して、Chrome でそのユーザー エージェントを有効にします。

Chromeでユーザーエージェントを変更する方法

これは、Mac、Windows、Linux 版の Chrome で機能します。

Chrome の古いバージョンでは、次のようにしてユーザー エージェントを変更できます。

  • Chromeを開き、「表示」メニューをプルダウンし、「デベロッパー」まで移動して「デベロッパーツール」を選択してデベロッパーパネルを開きます。
  • 右下にある歯車アイコンの設定ボタンをクリックします。
  • 「上書き」タブをクリックしてユーザーエージェントのオプションを見つけ、プルダウンメニューからユーザーエージェントを選択するか、既存のユーザーエージェントを変更するか、新しいユーザーエージェントを入力します。

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

Chrome は新しいユーザー エージェントを使用してページを即座に再描画します。また、デバイス メトリックが設定されている場合は、ページの再描画時にそのデバイスで設定されている解像度サイズも使用します。

Safariでブラウザのユーザーエージェントを変更する方法

Mac でユーザー エージェントを変更する最も簡単な方法は、Safari の「開発」メニューを使用することです。これがまだ有効になっていない場合は、これについて説明し、ユーザー エージェントを簡単に変更する方法も示します。

  • Safariを開き、Safariメニューから「環境設定」をプルダウンします。
  • 「詳細設定」タブをクリックし、「メニューバーに開発メニューを表示する」の横にあるボックスにチェックを入れます。
  • 環境設定を閉じて、「ウィンドウ」の横にある新しい「開発」メニューを見つけ、それを下に引いて「ユーザーエージェント」を選択します。
  • 事前に指定されたユーザーエージェントを選択するか、「その他」を選択して別のユーザーエージェント文字列を使用します。

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

特定のユーザー エージェントにマウス カーソルを合わせると、使用されている正確な UA 文字列がメニュー項目の横の黄色のボックスに表示されることに注意してください。

いずれかのユーザーエージェントを選択すると、現在開いているウェブページが更新されます。ページがブラウザごとに異なる情報を提供している場合、ページの見た目が異なる場合があります。例えば、モバイルデバイスとモバイルブラウザのユーザーエージェントを変更すると、一部のウェブページでモバイルサイトにリダイレクトされたり、レスポンシブレイアウトによって見た目が異なるページが表示されたりすることがあります。

Firefoxで拡張機能を使わずにブラウザのユーザーエージェントを変更する方法

Firefox もデフォルトでこれを実行できますが、これは現代のブラウザの中で最も扱いにくいと言えるため、一部の Firefox 拡張機能の方がより適切に処理できるため、あまりお勧めできません。

  • URLボックスにabout:configと入力してリターンキーを押します。
  • 「useragent」（1つの単語）を検索し、「general.useragent.override」というタイトルの新しい文字列を作成します。
  • ユーザーエージェントを配置し、「OK」を選択します

ユーザーエージェントを変更しても、ユーザーエージェント固有のコンテンツが提供されていない限り、ウェブブラウザ自体のページのレンダリング方法は変更されないことに注意してください。例えば、IE8のユーザーエージェントを使用するということは、IE8でページにアクセスしてレンダリングさせるのと同じではありません。これはウェブ開発者にとって必須の要件です。そのためには、Mac OS X上の仮想マシンでInternet Explorerを実行する必要があります。これは無料でセットアップも比較的簡単です。

コマンドラインからユーザーエージェントを偽装するのはどうでしょうか?

コマンドライン愛好家の場合、この目的で curl を使用して、別のブラウザまたは OS としてページのソース コードを取得することもできます。基本的な構文は次のとおりです。

curl -A "UserAgentString" http://url.com

以下のビデオでは、Mac OS X の Safari でこの機能を有効にしてブラウザのユーザー エージェントを変更する方法と、Mac OS X、Windows、Linux の Chrome でこれを行う方法を説明します。

そしてChrome:

ユーザーエージェントを変更しても、ユーザーエージェント固有のコンテンツが提供されていない限り、ウェブブラウザ自体のページレンダリング方法は変更されないことに注意してください。例えば、IE8のユーザーエージェントを使用するということは、IE8でページにアクセスしてレンダリングさせるのと同じではありません。これはウェブ開発者にとって必須の要件です。そのためには、Mac OS X上の仮想マシンでInternet Explorerを実行する必要があります。これは無料で、必要に応じてセットアップも比較的簡単です。

ヒントのアイデアを提供してくれた @ImpechCerrato に感謝します。Twitter でも @OSXDaily をフォローできます。