スマホ・タブレットをはじめ、27インチの大モニタまで!ページの見え方をさくっと確認できるレスポンシブ用の便利ツール -Responsive View

スマホ・タブレットの縦向き・横向き、ノートブック・デスクトップなど、さまざまなデバイスでのページの見え方をさくっと確認できる便利なオンラインサービスを紹介します。

デバイスごとのモックアップにも使えるレベルですよ!

サイトのキャプチャ

Responsive View

使い方は簡単、登録など面倒なことも一切不要です。
ページにアクセスし、「Enter your URL」に表示したいページのURLを入力します。
※「https://」には対応していません(2016年2月現在)。

サイトのキャプチャ

Responsive View

あとは、「Let's Go」ボタンをクリック!

「http://coliss.com/」を入力してみました。
すぐに表示されます。

サイトのキャプチャ

「http://coliss.com/」を表示

対応しているスクリーンサイズは、スマホからデスクトップまで非常に豊富です。
それぞれのデバイスでスクロールにも対応しています。

まずはスマホ、iPhone 6 Plus(縦向き・横向き)。

サイトのキャプチャ

スマホは他にもiPhone 6(縦向き・横向き)、iPhone 5s(縦向き・横向き)、iPhone 4s(縦向き・横向き)があります。

サイトのキャプチャ

続いてタブレット、iPad Air(縦向き・横向き)。

サイトのキャプチャ

ノートブックは、MacBook Air 11inch、MacBook Pro Retina 13inch/15inch。

サイトのキャプチャ

デスクトップは、iMac 21.5inchと27inch。

サイトのキャプチャ

top of page

©2016 coliss