3.

Mac Safari でユーザーエージェントを切り替える方法(開発メニュー / Chrome や IE のフリ)

編集
この記事の要点
  • Safari のユーザーエージェント (UA) を切り替えると、サーバーから別ブラウザに見せかけて挙動を確認できる
  • 「Safari > 設定 > 詳細」でメニューバーに "開発" メニューを表示 にチェック
  • 「開発」メニュー > 「ユーザーエージェント」 から Chrome / Edge / Firefox / 旧 IE / モバイル UA を選択
  • 元に戻すには同じメニューから 「デフォルト」 を選ぶ
  • macOS Ventura 以降は「環境設定」が「設定」に名称変更。手順は同じ

この記事のゴール

Mac の Safari で「自分が別のブラウザ(Chrome や旧 IE など)であるかのように振る舞わせる」方法を解説します。これは厳密にはユーザーエージェント (User Agent, UA) の切り替えと呼ばれる機能で、Web 制作・動作確認・ブラウザ判定を回避したいときに重宝します。

ユーザーエージェントとは

ブラウザは Web サーバーにリクエストを送るとき、HTTP ヘッダの User-Agent フィールドで「自分が何者か」を名乗ります。サーバーはこれを見て「PC 用 HTML を返すか、モバイル用を返すか」「Internet Explorer なら警告を出すか」などの分岐をします。

Safari の UA を Chrome のものに偽装すれば、サーバー側からは Chrome に見え、Chrome 向けのページが返ってくる、という仕組みです。

手順

STEP1 開発メニューを表示する

  1. Safari を起動する。
  2. メニューバーの 「Safari」 > 「設定」(macOS Monterey 以前は「環境設定」)を開く。
  3. 「詳細」 タブを開く。
  4. 一番下にある 「Web デベロッパ用の機能を表示」 または 「メニューバーに "開発" メニューを表示」 にチェックを入れる。

メニューバーに 「開発」 メニューが追加されれば成功です。

STEP2 ユーザーエージェントを切り替える

  1. メニューバーの 「開発」 をクリック。
  2. 「ユーザーエージェント」 を選択。
  3. 切り替えたいブラウザを選ぶ。

切り替え後はそのタブで自動的にページが再読み込みされ、選んだブラウザのフリをした状態でアクセスし直されます。

STEP3 元に戻す

同じく 「開発」 > 「ユーザーエージェント」 > 「デフォルト (Safari)」 を選ぶと元に戻ります。

選べる主な UA

UA 種別用途
Safari (デフォルト)通常モード
Microsoft EdgeEdge 専用機能を試す / Edge 向け表示を確認
Google Chrome — Mac / WindowsChrome 限定機能・Chrome 向けレイアウトの確認
Firefox — Mac / WindowsFirefox 向け表示の確認
Microsoft Internet Explorer 11.0旧 IE しか対応していないレガシーサイトの突破
Safari — iOS / iPad / iPhoneモバイル版レイアウトの確認
その他...カスタム UA 文字列を手動入力

注意点

  • あくまで自己申告の偽装。サーバーが UA だけで分岐していれば騙せますが、JS のフィーチャー検出(navigator.userAgentData、特定 API の有無)には騙されません。
  • タブ単位の設定。新しいタブを開くとデフォルトの Safari に戻ります。
  • Web サイトのコンテンツを表示しない / 違反する目的での UA 偽装は規約違反になり得ます。動作確認・開発以外の用途は控えること。

ブラウザを「切り替える」のもう一つの解釈 — デフォルト Web ブラウザ変更

「メールのリンクをクリックしたときに開くブラウザを変えたい」という意味なら、UA 切り替えではなくデフォルト Web ブラウザの変更です。手順は次の通り。

  1. 「システム設定」 > 「デスクトップとDock」 を開く。
  2. 下の方にある 「デフォルトの Web ブラウザ」 から好きなブラウザを選ぶ。

よくある質問

Q: 開発メニューが英語で「Develop」と表示される
A: Safari の言語設定が英語になっています。同じ位置にある「Develop」 > 「User Agent」で同じ操作ができます。

Q: Chrome に偽装したのに Chrome 専用ページが表示されない
A: サーバーが navigator.userAgent 以外(フィーチャー検出、特定 API の有無)で判定している可能性大。Safari の UA 偽装では突破できません。

編集
Post Share
子ページ

子ページはありません

同階層のページ
  1. スクリーンショットの撮り方
  2. 便利ショートカット一覧
  3. ブラウザの種類を切り替える方法
  4. バージョンの確認
  5. ローカルのapache起動/停止/再起動
  6. 印刷関連

最近更新/作成されたページ