スマホ表示 確認方法

2020年8月27日2020年12月25日

ネットビジネスをする上でサイト作成やブログ作成は必須スキルなわけですが（絶対必要というわけじゃないけどね）、今やネットはスマホで閲覧する人が大多数という時代なので「スマホでどう表示されるか」をいちいち確認しないといけませぬッ！

というわけで私のよく使っている確認方法をご紹介します。

PCでスマホ表示を確認

ＰＣブラウザで
・Google Chrome
・Microsoft Edge
を使っている場合は以下のような方法で確認できます。

「F12」ボタンを押してから「更新」するだけ。

もしくはブラウザの右上あたりにある「設定ボタン（とかとか）」を押して、
「その他のツール」→「デベロッパーツール（開発者ツール）」を押す。

で、「更新」する。

すると

ババーンとスマホ表示に成功します。幅の調整も可能。

ですが、本物のスマホで見るのと微妙に雰囲気が違います。
本物のスマホの方が解像度が良くてキレイに見えたり小さな文字も読みやすかったりしますからね～～。

スマホ本体でスマホ表示を確認するには

サイトをスマホ本体で実際に見るとどんな感じなのかな～と確認したい時は、スマホブラウザーにURLを入力しなくてはいけません。
これは面倒くさい！

そこでカンタンにQRコードを発行する方法をご紹介します。
簡単に言うと「拡張機能」の検索で「QRコード」と入力して、良さそうな拡張機能を導入するだけです。笑

chrome ウェブストア

↑ こちらで検索できます。
私が使っているのは「QRコード作成器 (Quick QR)」という拡張機能です。

これを使うと

こんな感じでQRコードが見られますので、これをスマホで読み取ればOK。

私はこんな感じで実際にスマホ本体で確認することをオススメします！

PC 小ワザ集