レスポンシブサイトの表示を確認できるサイト「Responsive View」!

2016/02/17

こんにちは。
今回はレスポンシブサイトの表示を確認できるサイト「Responsive View」!

レスポンシブサイトを作った時などにサクッと表示確認したい時に便利なサイトを紹介します。
表示のチェックができるデバイスはiPhone 6 Plus、iPhone 6、iPhone 5s、iPhone 4s、iPad Air、Macbook Air 11″、Macbook Pro Retina 13″、Macbook Pro Retina 15″、iMac 21.5″、iMac 27″です。
iPhoneとiPadは縦横どちらの表示も確認できるようになっています。

レスポンシブサイトの表示を確認できるサイト「Responsive View」!

Responsive View

responsive-view

http://responsiv.eu/

 

「Responsive View」の使い方

responsive-view2

まずは表示のチェックをしたいサイトのURLを入力し、「Let’s Go!」のボタンをクリックします。
ローカルの指定も大丈夫ですが、「https://」には対応していません。

 

今回は「http://webdesignmagazine.net/」と入力してみます。

 

responsive-view3

iPhone 5sの縦表示です。

 

responsive-view4

iPhone 5sの横表示です。

 

responsive-view5

iPad Airの縦表示です。

 

responsive-view6

iPad Airの横表示です。

 

responsive-view7

Macbook Pro Retina 13″です。

 

responsive-view8

iMac 27″です。

 

レスポンシブWebデザイン マルチデバイス時代のコンセプトとテクニック (WEB PROFESSIONAL)
レスポンシブWebデザイン マルチデバイス時代のコンセプトとテクニック (WEB PROFESSIONAL)

 

いかがでしたか。レスポンシブに対応した際に活用してみてはどうでしょうか。
以上でレスポンシブサイトの表示を確認できるサイト「Responsive View」!でした。

topへ戻る