スマートフォン向けの個別サイトを制作している場合、
表示確認が必要になります。
実機で確認するのが正確ではありますが、
手軽に一気に確認でき、よさ気なWebサービスを見つけたので覚書。
表示させたいURLを入力することで、
iPhone、Android、iPadでの表示を確認できます。
Responsinator
現状以下の12パタンの表示を確認できます。
iPhone 6 PlumpはiPhone 6 Plusのことですね。
=============================================
・iPhone 5 portrait · width: 320px
・iPhone 5 landscape · width: 568px
・iPhone 6 portrait · width: 375px
・iPhone 6 landscape · width: 667px
・iPhone 6 Plump portrait · width: 414px
・iPhone 6 Plump landscape · width: 736px
・Crappy Android portrait · width: 240px
・Crappy Android landscape · width: 320px
・Android (Nexus 4) portrait · width: 384px
・Android (Nexus 4) landscape · width: 600px
・iPad portrait · width: 768px
・iPad landscape · width: 1024px
=============================================
PC版とスマホ版のURLを分けている場合は、
リダイレクト処理などはしてくれないので、
直接スマホ版のURLを入力す必要があるようです。
■自作アプリのご紹介
