详情介绍
一、标签页式应用模式概述
1. 定义与特点：标签页式应用模式是一种在渐进式Web应用（PWA）中使用的功能，它允许应用以类似浏览器标签页的形式运行。在这种模式下，应用可以在一个独立窗口中包含多个标签页，每个标签页可以加载不同的文档或内容，实现资源隔离和多任务处理。例如，效率应用可让用户同时编辑多个文档，通信应用能让用户在不同聊天室的对话中快速切换，阅读应用可在新的应用内标签页中打开文章链接。
2. 显示模式与回退机制：渐进式Web应用有多种显示模式，如fullscreen、standalone、minimal - ui和browser等，这些模式遵循明确的后备链。如果浏览器不支持给定模式，会回退到链中的下一个显示模式。开发者还可使用“display_override”属性指定自己的回退链，以适应不同浏览器环境。
二、标签页式应用模式的设置与检测
1. 网站应用清单配置：若要使用标签页式应用模式，开发者需在网站应用清单中进行特定设置。例如，设置“display”为“standalone”，“display_override”为“tabbed”。还可通过“tab_strip”属性微调标签页行为，它包含“home_tab”和“new_tab_button”两个子属性。“home_tab”用于定义固定标签页，应用打开时始终显示，其“scope_patterns”成员可定义首页标签页相对于清单网址的范围；“new_tab_button”则描述了点击后打开新应用上下文的行为，其“url”成员表示相对网址。
2. 检测方法：应用可通过在CSS或JavaScript中检查display - mode CSS媒体功能来检测是否处于标签页式应用模式。在CSS中，可使用@media (display - mode: tabbed) {}来定义在该模式下应用的样式；在JavaScript中，可通过const tabbedApplicationModeEnabled = window.matchMedia('(display - mode: tabbed)').matches;来判断。
三、与其他显示模式的区别
1. 与开发者构建标签页的差异：开发者构建的标签页无法像浏览器标签页那样良好地扩展到数百个标签页，且浏览器功能（如导航历史记录、“复制此网页网址”“投放此标签页”或“在网络浏览器中打开此网页”）会应用于开发者构建的标签页界面页面，但不会应用于所选文档页面。而标签页式应用模式能更好地实现资源隔离和多文档处理。
2. 与“display”: “browser”的差异：“display”: “browser”表示应用是在常规浏览器标签页中打开，而标签页式应用模式是在独立应用窗口中运行，具有更多自定义和控制标签页行为的可能。
四、实际应用案例与体验反馈
1. 应用案例：一些效率应用利用标签页式应用模式，让用户在同一窗口中同时处理多个任务，如同时编辑多个文档、查看多个数据报表等，提高了工作效率。通信应用则在不同标签页中展示不同聊天室的对话，方便用户在不同对话之间快速切换，提升了沟通体验。
2. 反馈与改进：Chrome团队希望开发者反馈使用标签页式应用模式的体验，包括API设计是否合理、是否有未按预期运行的方面等。若发现Chrome实现中的bug，可访问new.crbug.com提交。开发者的公开支持有助于Chrome团队确定功能的优先级，推动该功能在其他浏览器中的应用。
