パソコンからホームページのスマホ表示を確認する方法

若い方の中にはパソコンで文章を作成するより、スマホで文章を作成する方が早いというニュースが出ています。「論文はスマホで書く」「わからないことはスマホで調べる」そして「パソコンは何のために使うかわからない」なんてインタビューまでテレビで見てしまいました!!!吃驚!
スマホは電話+パソコンの簡易版というような認識でいるのですが、パソコンはスマホの高機能版!というような考え方もだんだん広がってきているようです。

となれば、気にしなくてはいけない…ホームページのスマートフォン対応。

調べ事をスマホでする総が増えてきているので、スマホ対応していない=探されないホームページになってきてしまいます。ホームページをスマホで見られるけど、使いにくい。これも通ってもらえないサイト、長く閲覧されないサイトになってしまいます。

そんなわけで…スマホ対応の確認を。

気になるサイトを直接検索、URLを入力するというのは少々面倒な作業です。
そこで製作サイドの人達はこんな感じでスマホサイトのチェックをしています。

 

◆自分のスマホでサイトを確認。

閲覧したいサイトをパソコンで開き、そのURLをコピーします。
GoogleやYahooの検索で「QRコード作成」で調べます。
URLをQRコードに出来るサイトが見つかるので、先ほどコピーしたURLをQRコードの画像にして、スマホでそれを読み込みます。

サイト:https://qr.quel.jp/

 

◆パソコンでスマホサイトを確認。

GoogleChromeでサイトを開きます。
画像や文章がない、背景のような場所で右クリック「検証」をクリックします。

下の画像、赤の部分にあるアイコンをクリックします。

 

画面がスマホのようなサイズに切り替わります。
画面のレイアウトが崩れたり、上手く表示できていない場合には、下記画像の部分にある表示サイズを「100%」にして、ページを再読み込みしてみてください。

 

またこの画面では、機種ごとに違う画面幅も再現できるようになっているので、上部にあるプルダウンメニューから、該当の機種を選択して画面を確認することができます。