Q&A
前提・実現したいこと
ブラウザの<body>にあたる部分の内容でスクリーンいっぱいなる（アドレスバーなど見えない）ように作れる方法がありますでしょうか？ 若し参考できる記事などあればリンクを教えてください。
発生している問題・エラーメッセージ
エラーメッセージ
該当のソースコード
ソースコード
試したこと
ここに問題に対して試したことを記載してください。
補足情報（FW/ツールのバージョンなど）
補足しますと、google mapをChormeにインストールして使うパータンをイメージしています。
ここにより詳細な情報を記載してください。
回答2件
0
結論から言うと不可能です。
その昔、アドレスバーを隠して正規のページから詐欺ページへ遷移させるフィッシングサイトが横行したため、ブラウザ側でアドレスバーが完全に隠せないように修正がかけられました。
閲覧者の安全を保つため、アドレスバーを意図的に隠すような実装はできません。
PC用のブラウザにはフルスクリーン機能があります。ChromeならF11キーでOn/Offできます。
javascriptにも document.requestFullscreen というフルスクリーン画面にする関数があります。
これはユーザーから能動的なアクションを行った（クリックする、キー入力する）際のみに有効となり、自動（例えばwindow.loadイベントなど）で使用しようとすると、Failed to execute 'requestFullscreen' on 'Element': API can only be initiated by a user gesture.
エラーとなります。
何等かのボタンを作って、クリックしたら上記関数でフルスクリーン画面にすることは可能です。
投稿2021/05/22 07:18
総合スコア4447
0
Web App Manifest という機能で実現できます。
ページに以下のようなマニフェストへのリンクを書いておくと、ブラウザにインストールできることを表示させます。
html
1<link rel="manifest" href="/manifest.webmanifest"/>
リンク先の JSON リソースに、以下のエントリがあると実行時にフルスクリーンになります。
json
1 "display": "fullscreen",
投稿2021/05/23 01:06
総合スコア21695
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2021/05/22 08:54
2021/05/22 09:28
2021/05/22 11:43
2021/05/22 14:00