Chrome拡張機能の「Responsive Viewer」がWebサイトを複数の画面サイズで同時に確認できて便利だと話題に

今回はChrome拡張機能の「Responsive Viewer」がWebサイトを複数の画面サイズで同時に確認できて便利だと話題になっていることについての記事になります。

「Responsive Viewer」がWebサイトを複数の画面サイズで同時に確認できて便利

「なにそのツール！？めっちゃ便利じゃん！」ってクライアントさんから言われたChrome拡張機能『Responsive Viewer』。Webサイトを複数の画面サイズで同時に確認できる優れもの。デベロッパーツールで画面サイズ切り替える必要ありません pic.twitter.com/qG4VAI8OEr

— カワハラ / Web業界の器用貧乏マン (@kawara1012) February 5, 2023

デベロッパーツール自体をあまり使用したことない人向けの補足。これは『端末サイズによる見え方の違いをPCでもチェックできる検証ツール』であり、実機のスマホと見え方が若干異なる場合があります。こればっかりは標準のデベロッパーツールと同じで仕方がない部分なので、最終チェックは実機で見てね

— カワハラ / Web業界の器用貧乏マン (@kawara1012) February 6, 2023

「Responsive Viewer」がWebサイトを複数の画面サイズで同時に確認できて便利に対するみんなの反応

便利ですよね。
ブレイクポイント導入にあわせた解像度設定しておけば、その分の表示がおかしくないようにチェックができたりとかも・・

— ツルピカ (@ADHDnakanohito) February 6, 2023

投稿した記事を2回確認（PCとスマホサイズ）するのが面倒くさい！って最近思ってたところ。"渡りに舟"ってやつだ！ https://t.co/zDxFYEIXlH

— がらし🌱副業webライター (@y_wa_y) February 7, 2023

これめちゃくちゃ便利‼👀✨画面サイズの確認は必須‼#Webデザイン https://t.co/pymw39TDNy

— 森本みお|パッケージデザイナー|紙器設計|三井包装紙器 (@m1o_design) February 6, 2023

これは本当に便利です。web会議とかで複数の画面サイズを同時に共有できるからわかりやすく時短にもなる。#駆け出しエンジニアと繋がりたい https://t.co/y9q6idr8WO

— efu -エフ- リバティエンジニア (@efu_freelance) February 6, 2023

このツールは便利ですね。PCディスプレイが大きいほど、効果が実感できそうです。 https://t.co/JGTlRq0agw

— ユッサ＠システム会社のWebマーケティング担当 (@ussa_uss) February 6, 2023

JavaScript 第7版 [ David Flanagan ] 価格：5060円（税込、送料無料) (2023/1/5時点) 楽天で購入

この記事を書いた人（著者情報）

片岡 学

カタチップ編集長。昭和生まれの30代でWeb業界歴は15年。プログラマー出身のWebデザイナー。現在はカタチップを運用しつつ事業会社でWEBメディアサイトのディレクター兼コーダーを担当。最近はSNSの運用にも業務範囲を拡大中です。