safariでiPhoneの表示確認環境を作る
- カテゴリー:インターネット全般
- update:2011/09/02
- なかむらしんじ(管理人)
safariでiPhone向けサイト制作に必要な表示確認の環境を準備します。方法は極めて簡単な上今後他の作業にも役立ちます。
大上段な言い回しですが、非常に簡単なことです。今更ですが備忘録を兼ねているので、まとめてみました。
まずはsafariをPCにインストールし、「編集」→「設定」→「詳細」を開き
「メニューバーに”開発”メニューを表示」にチェックして設定を完了。
safari再起動して、開発メニュー、またはファイルみたいなアイコンをクリックしてユーザーエージェント
に「iphone」の選択があるので選択して、希望のページを閲覧してみてください。
表示がシミュレートされています。
ちなみに自分のsafariは何故か、開発環境を準備してもiphoneのユーザーエージェントが出ませんでした
ので、手動入力で追加しましたが、表示は問題なかったようです。原因は分りませんが…
Firefoxでも同種のアドオンがありますが、やはり細かい表現の再現はsafariでの確認が無難なようです。
ユーザーエージェント変更方法
ユーザーエージェントについての表記
お知らせ
関連記事
TrackBack URL