9

「次へ」と「戻る」ボタンのある一連のページがあります。ユーザーがフロー全体で全画面表示できるようにしたいと思います。フルスクリーンは個々のページで機能していますが、ユーザーがフロー内のページに戻るか進むと終了します。

私のフルスクリーン機能:

    var el = document.documentElement, rfs = el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen;
rfs.call(el);

ユーザーがナビゲートするときにブラウザを全画面表示に保つ方法はありますか?

ありがとう！

4

2 に答える 2

13

いいえ、それはできません。フルスクリーン モードは、ユーザーが開始する必要があります。

https://developer.mozilla.org/en-US/docs/Web/Guide/DOM/Using_full_screen_modeから:

In addition, navigating to another page, changing tabs, or switching to another application (using, for example, Alt-Tab) while in fullscreen mode exits fullscreen mode as well.

ユーザーが新しいページに移動するたびに、フルスクリーン モードを有効にする必要があります。

代替手段があります。シングルページ アプリを作成できます。その後、ユーザーはフルスクリーン モードを 1 回だけ開始する必要があり、フルスクリーン モードを維持したまま、さまざまな「ページ」をナビゲートできます。

編集

しかし、なぜ cmd-shift-f を使用してフルスクリーンにすると、移動できるようになるのでしょうか?

これにより、フルスクリーン API を使用する場合とは異なり、ブラウザがフルスクリーン モードになります。フルスクリーン API を使用すると、要素をフルスクリーン モードで指定できます。

あなたの例では、フルスクリーンで表示している要素document.documentElementはhtml要素です。

そのため、ブラウザーのフルスクリーン モードでナビゲートすると、フルスクリーンのままになります。要素をフルスクリーン モードに指定した場合とは対照的に、フルスクリーン モードは、新しいページに移動したり、タブを変更したり、別のアプリケーションに切り替えたりすると終了します。

私が見ているあなたのオプション：

  1. ブラウザをフルスクリーン モードで有効にするようユーザーに依頼します。

  2. 各ページ ナビゲーションで (API を使用するボタンを介して) フルスクリーンを有効にします (現在の問題)。

  3. 単一ページのアプリ デザインを使用して、ユーザーがフルスクリーンをアクティブ化する必要があるのは (API を使用するボタンを介して) 1 回だけです。

  4. フルスクリーンモードについて心配する必要はありません。

于 2013-07-25T00:26:20.530 に答える
5

内部アプリケーションでは、フルスクリーンの iframe を使用したソリューションを使用します - 次のような単純なページ:

...
<body>
    <iframe id="ifr" frameborder="0" width="XXX" height="XXX" src="normal-page-with-links.html"></iframe>
</body>
...

また、このページはブラウザーで全画面表示され、iframe コンテンツのナビゲーションは全画面表示のままです。

于 2016-02-07T00:40:11.983 に答える