最小化PWA需求：将网页转为可安装Web应用的最低要求

一、满足需求的PWA最低配置 #

要实现「添加到主屏幕后以全屏/独立模式打开」的核心需求，仅需以下3项配置，无需Service Worker（因为不需要缓存和离线功能）：

• 安全上下文要求：网页必须通过HTTPS协议部署（本地开发使用localhost时可例外），这是浏览器允许PWA功能的基础前提。
• Web App Manifest 文件：创建一个manifest.json文件，包含以下必填字段：

  {
    "name": "你的应用全名",
    "short_name": "应用短名",
    "start_url": "./",
    "display": "fullscreen", // 可选值：fullscreen（完全无UI）/ standalone（独立窗口，无地址栏）
    "icons": [
      {
        "src": "/icon-192x192.png",
        "sizes": "192x192",
        "type": "image/png"
      }
    ]
  }
  

  其中display字段决定了打开模式：fullscreen会完全隐藏所有浏览器UI，standalone则模拟原生App窗口，无地址栏、刷新按钮等控件。
• 引入Manifest到HTML：在页面的<head>标签中添加以下代码，关联manifest文件：

  <link rel="manifest" href="/manifest.json">
  

完成以上配置后，移动端浏览器（如Chrome、Safari）会自动触发「添加到主屏幕」的提示，用户手动添加后，点击图标即可进入全屏/独立模式。

二、桌面端是否可作为Chrome App使用 #

Chrome已于2022年正式停止支持传统Chrome Apps（仅Chrome OS的企业场景保留有限支持），因此无法将该PWA转为传统Chrome App。但可以通过Chrome浏览器将PWA安装为桌面独立应用：

• 打开网页后，点击地址栏右侧的「安装」图标，或通过菜单「更多工具」→「创建快捷方式」，勾选「打开为窗口」选项；
• 安装后的PWA会以独立窗口运行，无浏览器地址栏、控件，体验与原生桌面App一致。

内容的提问来源于stack exchange，提问作者Adrian Silvescu