Google Chromeでいま開いているページのQRコード生成方法

昔はQRコードを生成するためには、Chrome拡張機能をインストールする必要がありました。

Webrandum

QRコードの生成ができるサイトやChrome拡張機能

https://webrandum.net/qr-code

現在自分が使っているQRコードの生成サービスをまとめました。それぞれ用途に合わせて使うサービスを変えています。QRコードの生成方法QRコード(二次元バーコード）作成QRコード(二次元バーコード）作成であれば、URLからQRコードを生成できます。 色やサイズの変更も簡単にできる 誤り訂正レベルを設定可能誤り訂正というのは、QRコードの機能の1つで、コード上の最大30%まで隠れたり間違っていたとしても修復して正しいURLを読み取ってくれる機能です。この機能があるおかげで、QRコード上にサービスのロゴやテキストが入っていても...

しかし、Google Chromeのバージョン85からは、デフォルトの機能としてQRコードの生成がサポートされるようになりました。

QRコード表示方法

QRコードを表示したいページを開いて、画面上部のアドレスバーをクリックすると、アドレスバーの左にQRコードのアイコンが表示されます。
これをクリックすると、オフライン時に表示される恐竜アイコンの付いたQRコードが表示されます。

「ダウンロード」を押すとQRコード画像がダウンロードされますし、下のURLを変えるとそれに合わせてQRコードも変わってくれます。

iOS版ChromeのQRコード表示方法

iOS版のChromeの場合は、共有アイコンをクリックすると「Create a QR Code」と表示されるので、これをクリックするとQRコードが表示されます。

こちらはPC版と違って恐竜アイコンは表示されませんが、下の「Share…（共有…）」ボタンからQRコードを保存したり、別のアプリに送信ができます。

状況に応じてURL共有と使い分ける

PCメインで使っていてITに強い人の場合は、とりあえずURLを直接送ったり共有したりしがちですが、画面共有しているときやスクリーンに映してなにか説明しているときに、ちょっと見てもらいたいときは、QRコードを表示させてスマホで読み込んでもらった方が早かったりします。

選択肢としてQRコードもあると頭に入れておいて、状況に応じて使い分けるように意識しておきましょう。

また、最近は今までChrome拡張機能でないと実現できなかった機能が、Google Chrome本体に組み込まれてきています。

Webrandum

拡張機能を使わずにサイト全体のスクリーンショットを撮影する方法

https://webrandum.net/website-screenshots

前回の記事でChromeならFull Page Screen Captureという拡張機能でサイト全体のスクリーンショットを撮影するのがオススメだと書きましたが、どうやら拡張機能をインストールしなくても、撮影できたみたいです。デベロッパーツールから撮影するChromeの［表示］→［開発 / 管理］→［デベロッパーツール］からデベロッパーツール（開発者ツール）を開いて、表示されるツール左上のスマホアイコンをクリックします。今回はPC表示の撮影をしたいので、「Responsive」を選択して横幅を決定します。後は画面右上のメニューアイコンをクリック...

ページ全体のフルスクリーンショットも、現在はChrome拡張機能なしで実現できます。