「PCで見ているWebページをスマホで確認したい」

Webサイトを運営していると、制作したページをスマホで確認する機会って多いですよね。ただ、今見ているページをスマホで確認するのって割とめんどくさいです。

そこで、現在PCで閲覧しているページのQRコードを生成して、スマホで確認することができるChrome拡張機能「The QR Code Extension」を紹介していきます。

「The QR Code Extension」とは

Chromeで開いているWebページのQRコードを生成できるChrome拡張機能です。そのQRコードをスマホで読み取ると、同じページを閲覧できるようになります。

ブラウザを同期してページのURLを送信する方法もありますが、端末同士でブラウザやアカウント等を合わせる必要があります。「The QR Code Extension」なら、スマホにQRコードを読み取る機能さえ備わっていれば、ブラウザ等に関係なくページを閲覧することが可能です。

「The QR Code Extension」の使い方

まずは、下記よりアクセスして、「Chromeに追加」を押して、拡張機能をインストールしましょう。

Chromeウェブストア「The QR Code Extension」

ダウンロード

拡張機能を追加できたら、Chrome画面右上のパズルアイコンをクリックして、下記の赤枠部分をクリックします。これで拡張機能を画面右上に固定し、すぐに使用できるようになります。

拡張機能を固定

QRコードを生成してスマホで確認する

QRコードを生成したいページにアクセスして、画面右上にある「The QR Code Extension」のアイコンをクリックします。すると、下記のようにQRコードが生成されるので、こちらをスマホで読み取ってみてください。

アイコンをクリックしてQRコードを表示

これでPCで閲覧しているページをスマホ上でも確認することができます。

QRコードを画像として保存する

生成したQRコードは画像として保存することも可能です。表示されたQRコードから「Edit this QR Code」を選択します。

「Edit this QR Code」をクリック

下記のページに遷移するので、「SAVE」をクリックしましょう。

「SAVE」を押す

ここで、Filenameにファイル名を入力し、保存する画像の拡張子を選択して、「SAVE」を押すとQRコードを画像として保存することができます。

Save QR Codeで各項目を入力

まとめ

当記事で紹介したChrome拡張機能を使用すれば、PCで閲覧しているページをすぐにスマホで確認することができます。使用方法も簡単なので、気軽に試したい方に最適ですね。

また、スマホ上でソースコードを確認したい時もありますよね。下記のアプリケーションならURLを入力するだけで簡単にHTMLソースを確認できますので、こちらも合わせてご覧ください。