スマートフォンサイトの開発に便利なチェックサイト

ホームページを作る上で最近はスマートフォン対応のサイトもセットでお願いされる事も多いと思います。
レスポンシブウェブデザインにしろ、スマートフォン専用サイトにしろチェック環境は大切です。

adobeクラウド等に入っていればAdobe Device Centralという便利なテスト環境も作れますが、もっと気軽にチェックできるサイトがいくつかあるのでご紹介いたします。

Mobile Phone Emulator

いくつかのスマートフォンの機種を選ぶことが出来ます。

ipad,iphone4,iphone5の5種類のチェックが可能です。
使い方もシンプルで、ULRを入れるだけでチェックが可能です。

レスポンシブウェブデザインのチェックサイトです。横幅や縦幅の設定を簡単にできます。

iphone関係のエミュレーターサイトが多いですね。iphone5simulatorのサイトもあります

基本手にはandroidsdk等のソフトウェアのエミュレーターを利用する事が望ましいです。
このようなサイトは、普段のちょっとしたチェックやコーディング途中の物を確認するのにはいいと思います。

結局は、何台かの実機でチェックする事が望ましいです。
最低でも、iphone,ipad,android携帯,androidタブレットでチェックした方が良いでしょう。
androidに関しては画面サイズがバラバラなのでエミュレーターでのチェックも必要ですね。