display - Web app manifests 编辑
Type | String |
---|---|
Mandatory | No |
The display
member is a string that determines the developers’ preferred display mode for the website. The display mode changes how much of browser UI is shown to the user and can range from browser
(when the full browser window is shown) to fullscreen
(when the app is full-screened).
Note: If the display
member is not specified, it defaults to browser
.
Note: You can selectively apply CSS to your app based on the display mode, using the display-mode
media feature. This can be used to provide a consistent user experience between launching a site from an URL and launching it from a desktop icon.
Values
The possible values are:
Display Mode | Description | Fallback Display Mode |
---|---|---|
fullscreen | All of the available display area is used and no user agent chrome is shown. | standalone |
standalone | The application will look and feel like a standalone application. This can include the application having a different window, its own icon in the application launcher, etc. In this mode, the user agent will exclude UI elements for controlling navigation, but can include other UI elements such as a status bar. | minimal-ui |
minimal-ui | The application will look and feel like a standalone application, but will have a minimal set of UI elements for controlling navigation. The elements will vary by browser. | browser |
browser | The application opens in a conventional browser tab or new window, depending on the browser and platform. This is the default. | (None) |
Example
"display": "standalone"
Specifications
Specification | Status | Comment | Feedback |
---|---|---|---|
Web App Manifest | Working Draft | Initial definition. |
Browser compatibility
BCD tables only load in the browser
Note: Firefox version 47 supports only browser
value of display
; minimal-ui
, standalone
, and fullscreen
were added in Firefox 57.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论