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

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

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

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

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

responsiveviewer6

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

インストール

responsiveviewer1

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

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

responsiveviewer2

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

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

レビュー

responsiveviewer3

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

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

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

responsiveviewer4

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

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

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

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

responsiveviewer5

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

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

  • コメント: 0

飛行機ファンには最高!! 世界中の航空図を見る事ができるWebサービス 『SkyVector』前のページ

リアルタイムに日本全国の放射線を見る事ができるWebサービス 『放射線モニタリング情報』次のページ

関連記事

  1. 言語・開発

    WebサイトのSEO的な分析ができるChrome拡張機能 『AdMatrix Analytics』

    WebサイトのSEO的な分析が出来るChrome拡張機能H1タ…

  2. 言語・開発

    Chromeをスマホ環境にしてくれるChrome拡張機能 『Ripple Emulator』

    モバイル端末の選択や各種情報、GPS情報などを設定してChro…

  3. 言語・開発

    iPhone・スマートフォン対応のWebページを表示してくれるChrome拡張機能 IPhone E…

    IPhone・スマートフォン対応のWebページをサクっと表示してくれる…

  4. 言語・開発

    WebページのSEOやPWA対応状況をChromeでチェックできるChrome拡張機能 『Light…

    サイトの表示速度などのパフォーマンスやPWA対応状況などを確認…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

PAGE TOP