Our social:

2013年8月7日水曜日

サイトをiPadやiPhoneで表示させた状態を再現出来る「ipadpeek」

擬似的にiPhoneやiPadで表示した状態を再現する便利サイト「iPad Peek/iPhone Peek」


サイトを作成していてPCなどの大画面のブラウザでは基本的な表示は確認出来ても、iPadやiPhoneなどのブラウザアプリから自分のサイトがどのように表示されているのかまで確認が出来ていないという人は多いはず。

そこで今回は、iPadやiPhoneの画面でのサイト表示を擬似的に再現してくれる便利なWebサービス「iPad Peek/iPhone Peek」をご紹介します!





iPadとiPhoneシリーズで縦型、横型での表示も再現可能。


このサイトの特徴はiPhoneのブラウザやiPadのブラウザで縦や横に向けて表示させた場合に自分のサイトがどのように見えるかを擬似的に再現してくれる点です。
対応機種はiPadとiPhone4S、iPhone5となっておりそれぞれでどのように表示されるかを簡単に確認可能です。

使い方は簡単!URLを貼付けるだけでOK。

「iPad Peek/iPhone Peek」使い方はとても簡単で、以下の画像のようにURLを貼付けてエンターを押すだけでOKです。
iPadの場合はこんな感じで貼り付けでOK。
iPhoneの場合はこんな感じです。

 使いたい機種を上の画像で選択するとその画面になるので、そこで上記のようにURLを貼付けると端末ごとのブラウザに合わせて確認が可能です。

ちなみにこのサイトを表示するとこんな感じになります↓

スマホサイトの確認や通常のサイトでもきちんと表示されるかを試すのにオススメ。


僕はiPhoneを使用しているので実際に確認が可能ですが、サイトの幅などが対応しきれていないと横にスクロールしなければ見えないようなデザインになっていたりします。そのため確認が出来ない場合ですと利用者に不便な状態でサイトが構築されてしまうのでデザイン面で不具合が無いように一度確認してみるのも良いと思います。

ただ、実際はiPhoneのブラウザではサイトサイズを縮小して表示してくれたりするため若干の誤差が出てしまうのであくまで簡易的なチェックとして利用するのがオススメです。


「iPad Peek/iPhone Peek」は以下よりアクセス出来ます↓
「iPad Peek/iPhone Peek」http://ipadpeek.com