フルスクリーンモードとは？
Fullscreen Mode は、ワンクリックで現在のタブの全画面表示を切り替えられるツールです。プレゼン、読書、集中作業に便利です。
ボタンを一度押すだけで、ページは標準の Fullscreen API を呼び出し、画面いっぱいに広がってタブバー、タスクバー、アドレスバーを隠します。プリセットパレットから背景色を選んで雰囲気を調整できます。映画なら純黒、医療や意匠レビューなら白、プレゼンなら濃紺といった具合です。いつでも Esc を押せば通常のウィンドウに戻れます。
使い方
- ステップ1 — 「全画面表示」ボタンをクリックして、ページを画面いっぱいに表示します。
- ステップ2 — Escキーを押すか「全画面解除」をクリックして通常表示に戻ります。
- ステップ3 — オプションの背景色ピッカーで、プレゼンテーション用のカスタム背景を設定します。
使用するタイミング
- 短いデモやピッチで、ツールバーに注意を奪われたくない場面。
- ノートPCで長文記事を読むとき、サイドバーやタブが視界の端でちらつくのを避けたいとき。
- イベント会場でキオスク用ディスプレイを作り、来場者には選んだコンテンツだけを見せたい場面。
結果
全画面に切り替えて暗い背景色を選べば、ツールバーに邪魔されずにスライドを発表できます。
よくある質問
- 全画面に入る前にブラウザが許可を求めるのはなぜですか?
- ブラウザは全画面を発動する前に、クリックやキー入力といった明示的なユーザー操作を必須としています。ページが断りなく画面を乗っ取れないようにするためです。ブラウザによっては、サイトで初めて使うときに一度だけ確認ダイアログを出すこともあります。
- 全画面を抜けるにはどうすればいいですか?
- Esc を押してください。Esc キーはブラウザ自身が直接処理するので、ページが多少おかしくても常に効きます。パネル内の終了ボタンを押すか、Windows/Linux なら F11 でも切り替えられます。
- 全画面が動かない環境があるのはなぜですか?
- サンドボックス化された iframe、組み込みのモバイルプレビュー、企業ポリシーで制限されたブラウザなどは、セキュリティの観点から Fullscreen API を無効にしています。本ツールはそうしたケースを検知し、エラーを投げる代わりに「非対応」バッジを表示します。
- 全画面中もページのコードや操作は普通に動きますか?
- 通常どおり動きます。違いはブラウザのクロームと OS のバーが隠れているだけです。キーボードイベントは引き続きページに届き、マウス操作も有効で、動画や canvas は新しいビューポートサイズに合わせて描画され続けます。
- 全画面にすると画面の解像度は変わりますか?
- 変わりません。Fullscreen API は現在の解像度のまま、ページを画面全体に広げるだけです。解像度そのものを変えるには OS のディスプレイ設定やゲームのネイティブ全画面モードを使う必要があり、これらは別の仕組みです。