ページの作成
親となるページを選択してください。
親ページに紐づくページを子ページといいます。
例: 親=スポーツ, 子1=サッカー, 子2=野球
子ページを親ページとして更に子ページを作成することも可能です。
例: 親=サッカー, 子=サッカーのルール
親ページはいつでも変更することが可能なのでとりあえず作ってみましょう!
| この記事の要点 |
|
この記事のゴール
Mac の Safari で「自分が別のブラウザ(Chrome や旧 IE など)であるかのように振る舞わせる」方法を解説します。これは厳密にはユーザーエージェント (User Agent, UA) の切り替えと呼ばれる機能で、Web 制作・動作確認・ブラウザ判定を回避したいときに重宝します。
ユーザーエージェントとは
ブラウザは Web サーバーにリクエストを送るとき、HTTP ヘッダの User-Agent フィールドで「自分が何者か」を名乗ります。サーバーはこれを見て「PC 用 HTML を返すか、モバイル用を返すか」「Internet Explorer なら警告を出すか」などの分岐をします。
Safari の UA を Chrome のものに偽装すれば、サーバー側からは Chrome に見え、Chrome 向けのページが返ってくる、という仕組みです。
手順
STEP1 開発メニューを表示する
- Safari を起動する。
- メニューバーの 「Safari」 > 「設定」(macOS Monterey 以前は「環境設定」)を開く。
- 「詳細」 タブを開く。
- 一番下にある 「Web デベロッパ用の機能を表示」 または 「メニューバーに "開発" メニューを表示」 にチェックを入れる。
メニューバーに 「開発」 メニューが追加されれば成功です。
STEP2 ユーザーエージェントを切り替える
- メニューバーの 「開発」 をクリック。
- 「ユーザーエージェント」 を選択。
- 切り替えたいブラウザを選ぶ。
切り替え後はそのタブで自動的にページが再読み込みされ、選んだブラウザのフリをした状態でアクセスし直されます。
STEP3 元に戻す
同じく 「開発」 > 「ユーザーエージェント」 > 「デフォルト (Safari)」 を選ぶと元に戻ります。
選べる主な UA
| UA 種別 | 用途 |
|---|---|
| Safari (デフォルト) | 通常モード |
| Microsoft Edge | Edge 専用機能を試す / Edge 向け表示を確認 |
| Google Chrome — Mac / Windows | Chrome 限定機能・Chrome 向けレイアウトの確認 |
| Firefox — Mac / Windows | Firefox 向け表示の確認 |
| Microsoft Internet Explorer 11.0 | 旧 IE しか対応していないレガシーサイトの突破 |
| Safari — iOS / iPad / iPhone | モバイル版レイアウトの確認 |
| その他... | カスタム UA 文字列を手動入力 |
注意点
- あくまで自己申告の偽装。サーバーが UA だけで分岐していれば騙せますが、JS のフィーチャー検出(
navigator.userAgentData、特定 API の有無)には騙されません。 - タブ単位の設定。新しいタブを開くとデフォルトの Safari に戻ります。
- Web サイトのコンテンツを表示しない / 違反する目的での UA 偽装は規約違反になり得ます。動作確認・開発以外の用途は控えること。
ブラウザを「切り替える」のもう一つの解釈 — デフォルト Web ブラウザ変更
「メールのリンクをクリックしたときに開くブラウザを変えたい」という意味なら、UA 切り替えではなくデフォルト Web ブラウザの変更です。手順は次の通り。
- 「システム設定」 > 「デスクトップとDock」 を開く。
- 下の方にある 「デフォルトの Web ブラウザ」 から好きなブラウザを選ぶ。
よくある質問
Q: 開発メニューが英語で「Develop」と表示される
A: Safari の言語設定が英語になっています。同じ位置にある「Develop」 > 「User Agent」で同じ操作ができます。
Q: Chrome に偽装したのに Chrome 専用ページが表示されない
A: サーバーが navigator.userAgent 以外(フィーチャー検出、特定 API の有無)で判定している可能性大。Safari の UA 偽装では突破できません。
ページの作成
親となるページを選択してください。
親ページに紐づくページを子ページといいます。
例: 親=スポーツ, 子1=サッカー, 子2=野球
子ページを親ページとして更に子ページを作成することも可能です。
例: 親=サッカー, 子=サッカーのルール
親ページはいつでも変更することが可能なのでとりあえず作ってみましょう!
子ページはありません
- スクリーンショットの撮り方
- 便利ショートカット一覧
- ブラウザの種類を切り替える方法
- バージョンの確認
- ローカルのapache起動/停止/再起動
- 印刷関連
人気ページ
- 1 Eclipseで「サーバーに追加または除去できるリソースがありません。」の原因と対処法
- 2 tomcat の起動 / 停止ログと catalina.log・catalina.out の違い
- 3 JavaScript base URL 取得方法|window.location.origin と SSR/Node.js 対応
- 4 YouTube Data API v3 エラー一覧|403/400/404 の主要原因と切り分け
- 5 Spring Frameworkのアノテーション一覧
- 6 Laravel エラー一覧|500/Blade/DB 接続/ルーティングの代表エラー
- 7 3Dグラフィックスとは|モデリング/レンダリング/主要ソフトウェア (Blender / Maya)
- 8 【Spring】@Valueアノテーションとは
- 9 CATALINA_HOME の確認方法 (Linux / Mac)
- 10 【Spring】@Autowiredアノテーションとは
最近更新/作成されたページ
- IPv6とは|128bitアドレス・コロン16進表記/::省略・リンクローカル・SLAAC・デュアルスタック NEW 2026-06-22 12:34:44
- MAC アドレスフィルタリングの仕組みと限界 | ネットワーク入門 NEW 2026-06-22 12:19:10
- VPNとは|暗号トンネル・サイト間/リモートアクセス・IPsec/SSL-VPN/WireGuardを解説 NEW 2026-06-22 12:19:10
- WebRTC とは ブラウザ間 P2P の音声・映像・データ通信 | ネットワーク入門 NEW 2026-06-22 12:17:25
- HTTP/2 とは 多重化・HPACK・バイナリフレーム | ネットワーク入門 NEW 2026-06-22 12:17:25
- Web通信プロトコル入門 HTTP/2・HTTP/3・WebSocket・gRPC・WebRTC | ネットワーク入門 NEW 2026-06-22 12:17:25
- gRPC とは HTTP/2 + Protocol Buffers の高速 RPC | ネットワーク入門 NEW 2026-06-22 12:17:25
- HTTP/3 (QUIC) とは UDP ベースの低遅延 Web 通信 | ネットワーク入門 NEW 2026-06-22 12:17:25
- WebSocket とは 全二重リアルタイム通信 ws/wss | ネットワーク入門 NEW 2026-06-22 12:17:25
- 証明書と認証局(CA)とは|X.509・信頼チェーン・DV/OV/EV・失効(CRL/OCSP)を解説 NEW 2026-06-22 12:17:24
- ファイアウォールとは|パケットフィルタ・ステートフル・DMZ・次世代FW(L4/L7)を解説 NEW 2026-06-22 12:17:24
- iptables/nftablesとは|テーブル・チェーン・ルール例・永続化をLinux視点で解説 NEW 2026-06-22 12:17:24
- HAProxy とは frontend/backend と設定例 | ネットワーク入門 NEW 2026-06-22 12:17:24
- CDN とは エッジキャッシュ・TTL・Cloudflare/CloudFront | ネットワーク入門 NEW 2026-06-22 12:17:24
- TLS/SSLの仕組み|ハンドシェイク・暗号スイート・前方秘匿性・証明書検証をわかりやすく解説 NEW 2026-06-22 12:17:24
コメントを削除してもよろしいでしょうか?