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

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

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

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

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

responsiveviewer6

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

目次

インストール

responsiveviewer1

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

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

responsiveviewer2

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

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

レビュー

responsiveviewer3

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

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

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

responsiveviewer4

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

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

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

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

responsiveviewer5

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

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

よかったらシェアしてください!
  • URLをコピーしました!

コメント

コメントする

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

目次