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. 言語・開発

    Google Analyticsが導入しているか分かるChrome拡張機能 導入時などに便利 Ana…

    表示したページがGoogleAnalyticsを導入しているかどうかが…

  2. 言語・開発

    ネットワーク図やフロー図が作成出来るChromeアプリ 「LucidChart」 チームで共同作業も…

    ネットワーク図やフローチャート図などを作成出来るChromeアプリ…

  3. 言語・開発

    Webページ上にルーラーやグリッド線を表示できるWeb制作に便利な拡張機能 『Grid Ruler』…

    Webページ上に定規ルーラーを表示、グリッド線を自由に配置できるW…

  4. 言語・開発

    モバイル画面を確認出来るChrome拡張機能 自分で端末の登録も可能 『FireMobileSimu…

    携帯端末やスマートフォンでもChromeブラウザから画面確認出来るCh…

コメント

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

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

こんな人が書いてます

子供のころからパソコンや電子機械が好きでコンピュータ専門学校を卒業後にIT関連企業に勤めております。

企業や個人のネットワーク構築やパソコントラブル対応、ホームページ制作、システム開発などITに関する仕事を数多く対応しています。

Twitterでこのブログの投稿や日々の出来事などをつぶやいています。Twitter:@mogeringo

最近の記事

PAGE TOP