Tabbed application mode 浏览器支持
发布于
在 manifest 的 display_override 数组中加入 "tabbed",并可选地配合 tab_strip 成员,PWA 就能以单个带标签栏的应用窗口打开,在作用域内的文档之间切换,而不是每个文档一个窗口。该取值必须通过 display_override 而非 display 申请,不实现它的浏览器会落到下一个条目。
下表覆盖 MDN browser-compat-data 记录的 display_override 的 tabbed 取值,MDN 将其标为实验性。Chrome for Developers 报告该模式已在 ChromeOS 上发布。
- 图例
- 支持
- 部分支持
- 需开启标志
- 不支持
- 未知
| 浏览器 / 平台 | 支持 | 版本 | 置信度 | 来源 | 备注 |
|---|---|---|---|---|---|
| Chrome (Desktop) | 支持 | 126 | 高 | 来源 | — |
| Chrome (Android) | 支持 | 126 | 高 | 来源 | 1 |
| Edge (Desktop) | 支持 | 126 | 高 | 来源 | 2 |
| Firefox (Desktop) | 不支持 | — | 高 | 来源 | 3 |
| Firefox (Android) | 不支持 | — | 高 | 来源 | 45 |
| Safari (macOS) | 不支持 | — | 高 | 来源 | 6 |
| Safari (iOS) | 不支持 | — | 高 | 来源 | 78 |
| Samsung Internet | 支持 | 28.0 | 高 | 来源 | 9 |
| WebView (Android) | 不支持 | — | 高 | 来源 | 10 |
- 由 browser-compat-data 镜像自 Chrome 的数据推导。
- 由 browser-compat-data 镜像自 Chrome 的数据推导。
- browser-compat-data 未记录 Firefox 的支持。
- browser-compat-data 未记录 Firefox for Android 的支持。
- 由 browser-compat-data 镜像自 Firefox 的数据推导。
- browser-compat-data 未记录 Safari 的支持。
- browser-compat-data 未记录 iOS 版 Safari 的支持。
- 由 browser-compat-data 镜像自 Safari 的数据推导。
- 由 browser-compat-data 镜像自 Chrome Android 的数据推导。
- browser-compat-data 未记录 WebView Android 的支持。
默认值与检测
Section titled “默认值与检测”省略 tab_strip 时,Chrome for Developers 记载默认的 new_tab_button 的 url 为 manifest 的 start_url。页面通过 display-mode 媒体特性检测标签栏是否激活:matchMedia('(display-mode: tabbed)')。从已配置的 home_tab 点击的链接会在新的应用标签页中打开,而不是导航 home tab 自身。
- Tabbed application mode 与 tab_strip
- Manifest display_override 浏览器支持
- Tabbed Application Mode explainer(wicg.github.io)
- Tabbed application mode for PWAs(developer.chrome.com)