PCブラウザでスマホ専用サイトを見る方法(IE編)
スマートフォン専用サイトを作成している際にPC上からスマホ画面を確認する方法です。
※クロームやファイヤーフォックスは比較的情報が多かったのでIEについて記事を書きました。
1. IEを起動 (※今回はIE11です)
2. F12を押す。
※動作としては [ツール] → [開発者ツール] と同じ挙動です。
3. ブラウザの下にナビゲーションが現れます。
4. モードからエミュレーションを選択(もしくCTRL+8)してください
下記の画面の入力欄ユーザーエージェントの場所からカスタムを選択し「iPhone」と入力をしてください。
↓ 入力後の画面はこちら
5. これで スマホ用の画面となっているはずです。
開発者ツールはスマホ用の画面の確認が終わるまで閉じずにいてください。
Yahoo!のトップページが変わりました。
Yahooは実際のiPhoneから閲覧できるページとこの開発者ツールで閲覧ができるサイトの内容が異なっていますが、ユーザーエージェント判定によりPC専用サイトとスマホ専用サイトを切り替えて表示している場合には今回ご案内した方法で問題無いと思います。