レスポンシブ検証サービスの使用方法

本サイトは、ワンソースで作成されたレスポンシブWebデザインの検証サービスです。様々なデバイスでどのように表示されるか確認する事が出来ます。

※ワンソースで作成されていないWebサイトは、入力したURLでの表示のみとなりますのでご了承ください。

■対応ブラウザ
・Internet Explorer 8,9,10
・Google Chrome Ver.26〜
・Firefox Ver.20.0〜
・Opera Ver.12.15〜
・Safari Ver.6〜

デバイスチェック

① URLをご入力下さい

調べたいWebサイトのURLをご入力いただき、[enter]をクリックしてください。②の枠内に画面が表示されます。

② メインエリア

Webサイトが各デバイスでどのように表示されているかを確認することが出来ます。

③ デバイス一覧

当サイトで確認できるデバイス一覧です。デバイス名をクリックするとそれぞれの表示画面にリンクします。
[>]をクリックすると一覧を閉じる事が出来ます。

④ 手動サイズ調整ボタン

手動でサイズ調整ができる画面に切り替わります。
詳細はこちら>

⑤ デバイスカラー

②に表示されるデバイスのカラーを黒と白に切り替える事が出来ます。

手動サイズ調整

① URLをご入力下さい

調べたいWebサイトのURLをご入力いただき、[enter] をクリックしてください。②の枠内に画面が表示されます。

② メインエリア

Webサイトが表示されます。
縦横の目盛りはピクセル数です。
青い点線をドラッグし、横幅、高さを変更することで、様々なブラウザサイズ、デバイスサイズでどのように見えて
いるかを確認することが出来ます。

③ デバイスチェックボタン

既定の様々なデバイスでチェックできる画面に切り替わります。
詳細はこちら>