WebのPCやスマホのレスポンシブデザインの確認ができるChrome拡張機能 『Responsive Viewer』

Web画面の開発に必要な様々な解像度での

画面確認がありますが、それを一括で画面を

並べて表示してくれるChrome拡張機能。

レスポンシブデザインの確認が出来ます。

Chrome拡張機能 Responsive Viewer インストール

インストール

上記リンク先ページをChromeで開き

「Chromeに追加」をクリックします。

拡張機能を追加をクリックします。

これでインストール完了です。

レビュー

使い方は簡単で確認したいWebページを開いたら

追加されたアイコンをクリックするだけでこの様な確認画面が

開き、各種画面サイズで確認が可能です。

縮小するとスマホやPCなどの登録されている画面を

全体で見る事が可能です。

またスクロールやクリックを全部同じ動作で作動させる

事も可能で細かい画面の動きなども全体で確認が出来ます。

画面の向きも縦横で表示を切り替えも可能です。

Web制作に非常に便利なChrome拡張機能です。