タグ
iphoneサイト制作

スマホサイトの確認に便利!PC(safari)でできるスマートフォンサイトの検証方法のやり方

スマートフォンサイトを制作する際に、iPhoneやAndroid両方の機種での検証や、もう発売されていないようなOSのバージョンの対応も必要になる機会があるかもしれません。本来ならば一通りの機種を用意して実機で検証できる環境が必要ですが、個人での制作や、ちょっとしたサイトのスマートフォンサイトの対応の場合もう少し手軽な検証方法が必要になります。

今回はPC版safariのユーザーエージェント指定を使用したスマートフォンサイトの検証方法を紹介します。

ゼロからはじめるスマートフォン専用サイト(iPhone&Android)の作り方を学べるサイト集めました

これからのWEB制作はPCサイトだけではなく、iphoneなどのスマートフォンやipadなどさまざまなデバイスでの閲覧を前提として作成しなければいけません。

iphoneサイトやAndroidサイトはHTML5やCSS3にかなり対応しているので簡単そうなイメージもありますが、縦画面、横画面など変化することを前提に構築しなければいけませんし、Androidは機種によって解像度が違うということでそれも意識しなければなりません。なんか昔の携帯サイトのようにドコモ用、AU用、ソフトバンク用と振り分けが必要になってくるのですかね?

まだスマホ専用サイトは作ったことがなかったのでこれを機会に触ってみようとおもって色々勉強のできるサイトを探してみました。

12