FullscreenOptions
dictionary's
navigationUI
property is used when calling
requestFullscreen()
to specify to what extent the
用户代理
should include its standard user interface while the element is presented in full-screen mode.
let fullscreenOptions = {
navigationUI: value
};
值对于
navigationUI
property must be one of the following strings. The default is
"auto"
.
"hide"
The browser's navigation interface will be hidden and the entire dimensions of the screen will be allocated to the display of the element.
"show"
The browser will present page navigation controls and possibly other user interface; the dimensions of the element (and the perceived size of the screen) will be clamped to leave room for this user interface.
"auto"
The browser will choose which of the above settings to apply. This is the default value.
In this example, the entire document is placed into full-screen mode by calling
requestFullscreen()
on the document's
Document.documentElement
, which is the document's root
<html>
元素。
let elem = document.documentElement;
elem.requestFullscreen({ navigationUI: "show" }).then({}).catch(err => {
alert(`An error occurred while trying to switch into full-screen mode: ${err.message} (${err.name})`);
});
The promise's resolve handler does nothing, but if the promise is rejected, an error message is displayed by calling
alert()
.
| 规范 | 状态 | 注释 |
|---|---|---|
|
全屏 API
The definition of 'FullscreenOptions' in that specification. |
实时标准 | 初始定义 |
| 桌面 | 移动 | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
navigationUI
|
Chrome 71 | Edge 79 | Firefox 64 | IE No | Opera ? | Safari ? | WebView Android 71 | Chrome Android 71 | Firefox Android 64 | Opera Android ? | Safari iOS ? | Samsung Internet Android 10.0 |
完整支持
不支持
兼容性未知
FullscreenOptions
navigationUI