Google Chrome や Firefox のズーム機能メモ

各種ブラウザの、Webページの拡大率を変更した際の挙動について。
今まで気にしたことがなかったのでメモを残しておく。

ブラウザによって「設定した拡大率がどのように引き継がれるか」は異なる。
Google Chrome や Firefox のズーム (Webページの拡大率変更) 機能は、サブドメイン単位で設定される。Microsoft Edge や IE11はブラウザ全体で設定される。

以下、主要ブラウザの拡大率の変更方法と、設定した拡大率がどこまで反映されるのか、のメモが残してある。

まずは基本的な所から。
Webページの拡大率の変更は、Ctrl + マウスホイール上下や、「三」メニュー内のズームで行える。各ブラウザで微妙にUIが異なるが、操作の基本は同じ。

例: Google Chrome の場合

▲クリックで拡大
こんな感じで、「三」メニューや「Ctrl + マウスホイール上下」で拡大率の変更ができる。あと、「Ctrl + プラスキー」「Ctrl + マイナスキー」でも変更可能。

「Ctrl + マウスホイール上下」を使った拡大率の変更は、Google Chrome、Firefox、Microsoft Egde、IE11、いずれのブラウザでも可能。
また、いずれのブラウザも画面右上の「三」や「歯車」メニュー内に拡大率を変更できるメニューが用意されている。

以下、このページの本題。
各ブラウザの指定した拡大率がどのように反映されるかをメモ。

冒頭で書いたとおり、設定した拡大率はサブドメイン単位で記憶されている。

Google Chrome 同様。
こちらも拡大率はサブドメイン単位で記憶されている。

▲クリックで拡大
拡大手順も、Google Chrome 同様「三」メニューや「Ctrl + マウスホイール上下」で変更できる。「Ctrl + プラスキー」「Ctrl + マイナスキー」でも変更可能。

Firefoxの設定メニューを開き、拡大率に関する項目を探してみたが、それらしき項目は見つからなかった。
オプションメニュー内を検索してみるも････

▲クリックで拡大
「拡大」や「ズーム」で検索してもなにもヒットしない。
「about:config」で設定できる項目を色々調べると何か分かるかもしれないが、今回はそこまでして設定を変更したいモノではないため、ここで調査はやめておく。

Microsoft Edge と IE11 は、試してみた限りでは挙動は同じだった。
「三 / 歯車」メニュー、「Ctrl + マウスホイール上下」、「Ctrl + プラス/マイナスキー」で変更可能。
(操作手順図は割愛 / Chrome や Firefox と大差ない)

このページの情報は以上。

実は私は、今まで Google Chrome や Firefox のズーム機能は「ブラウザ全体で同じ設定が反映され、すべてのタブが同じ倍率で拡大されてしまう」と思い込んでいた。

最近になってようやくサブドメイン単位で拡大率の変更が保存されていることに気が付き、一体いつからこの仕様になっているんだと調べてみると

こんな情報が見つかってビックリ。
どうやら2011年の段階でも既に実装されていた模様。

私がWebページの拡大率を変更する時は、同じサイトを大量に開き、ページ間の移動をタブに頼る時くらいしかなかったのか？それともこういう所への注意力が欠けまくっていたのか、と愕然とする結果となった。

Google Chrome、Firefox、Microsoft Edge、IE11で、Webページの拡大率を変更した際の挙動の違いをメモしたページ。