WindowsでiPhoneやiPadページを確認

2014年 08月 12日

最近は、スマホの普及でWebページがスマホサイトではどう見えるかを気にしなければならなくなりました。
面倒だなぁと思うけど、私もスマホユーザーだし、スマホに対応しているサイトは、見やすいし使いやすい。

これからサイトを作成する人は、レスポンシブル対応のテンプレートを選択して作り上げていけばいいと思うけど、これまで多くのページをソフトを使って作成してきた私は、マルチスクリーンに対応できるほど知識もなく途方にくれてしまいます。とても丁寧に解説してくれてるサイトもあるけど、なかなか腰が重い。

ただ、レンタルブログのページは、自動でスマホページに対応してくれてて有難い。(^o^)

手元にiPhoneやiPadがなくても、Windows PCで、どう表示されるかを確認することができます。
Sfariを使うと出来るんですね。便利です。

Safariを起動して、歯車マークをクリックして「設定」をクリックします。

「詳細」にある「メニューバーに"開発"メニューを表示」のチェックボックスをオンにします。

メニューバーの「開発」をクリックして、「ユーザーエージェント」をポイントして、表示したい環境を選択します。
iPhone、iPod Touch、iPadがあり、スマホに対応しているブログはスマホ用のページが表示されます。
Firefox、Operaでの表示も確認できますね。Safariのバージョンは「5.1.7」です。


Chromeでは、BloggerページはURLの最後に「?m=1」と入力すると、スマホページが表示されます。
モバイルページの確認