ページの作成
親となるページを選択してください。
親ページに紐づくページを子ページといいます。
例: 親=スポーツ, 子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
- 4 YouTube Data API v3 エラー一覧|403・400・404 の原因と対処
- 5 Laravel エラー一覧|500/Blade/DB 接続/ルーティングの代表エラー
- 6 Spring Frameworkのアノテーション一覧
- 7 3Dグラフィックスとは|モデリング/レンダリング/主要ソフトウェア (Blender / Maya)
- 8 【Spring】@Valueアノテーションとは
- 9 CATALINA_HOME の確認方法 (Linux / Mac)
- 10 【Spring】@Autowiredアノテーションとは
最近更新/作成されたページ
- PHPでのファイルアップロード方法|multipart/form-dataと$_FILES 2026-08-07 17:15:57
- PHP $_SERVERとは|DOCUMENT_ROOT・PHP_SELFなど主な要素 2026-08-07 17:15:57
- Scratchのアカウントの作り方|メールアドレスとユーザー名の登録手順 2026-08-07 17:15:57
- djangoにおけるMVCアプリケーション実装例 2026-08-07 17:15:57
- Bluetoothとは|仕組み・BLEとClassicの違い・用途 2026-08-07 17:15:57
- Spring Bootのテスト入門|@SpringBootTestとJUnitでの単体・結合テスト 2026-08-07 17:15:57
- Java とは?言語仕様・JVM・主要フレームワーク一覧 2026-08-07 17:15:56
- インストール方法(Windows版) 2026-08-07 17:15:56
- APIキー取得方法 2026-08-07 17:15:56
- 【PHPフレームワーク】Laravelの使い方 2026-08-07 17:15:56
- Scratch 作品の公開方法 2026-08-07 17:15:56
- Google OAuth 2.0 認証の実装方法 2026-08-07 17:15:56
- データベースとは?RDB / NoSQL / SQL の基礎 2026-08-07 17:15:56
- インストール(eclipseプラグイン) 2026-08-07 17:15:56
- Spring Frameworkの使い方 2026-08-07 17:15:56
コメントを削除してもよろしいでしょうか?