表示をコントロールする

今回は「ページの表示倍率制御」と「他ブラウザでのページ表示」を行うスクリプトを作成します。多くのブラウザではページ内に表示された文字のサイズを大きくしたり小さくすることができます。ページ制作者が、小さくコントラストの低い文字にしてあっても、視力の悪い人にとってはスタイルシートをオフにしたり文字を大きくすることで認識しやすくなります。

また、ページ制作時に文字サイズが変化した場合にページレイアウトが崩れるかどうかを確認するような際、ワンクリックで任意の倍率にできると便利です。メニューでは特定のズーム倍率しか選択できませんが、スクリプトを使えば任意の倍率にすることができます。

そこで、最初にページのズームを制御するスクリプトを作成してみましょう。作成するスクリプトは表示されているタブウィンドウ全てに適用されるものにします。

図1 標準の倍率で表示

図2 メニューから表示倍率を変更

図3 50%サイズでページが表示される