Web 应用清单Web App Manifest

你可能会说

检查 Web App Manifest 的名称、图标、start_url 和 display，重新安装后验证启动结果。

描述 Web 应用名称、图标和启动方式的 JSON 文件网页通过 manifest link 关联这个 JSON 文件，浏览器可以用其中的 name、icons、start_url 和 display 等信息生成安装入口和启动窗口。有 Manifest 不等于已经具备完整的离线 PWA 能力。

先知道

JSON HTML 部署上线 Deployment

也常被叫作Manifestmanifest.jsonWeb 应用清单文件

manifest.json 怎样变成安装入口

index.html

1<link rel="manifest" href="/manifest.webmanifest">

V安装 VibeHub浏览器安装入口

清单描述安装和启动；它本身不保证离线可用。

Manifest 负责安装后的哪些信息

它集中描述应用身份和启动方式：name 影响安装后的名称，icons 提供系统图标，start_url 指定启动地址，display 影响打开时更像独立应用还是普通标签页。页面要通过 link 关联正确文件。

安装后结果才是验收证据：修改文件后要重新安装，检查名称、图标、启动路径和窗口形态。浏览器能打开网页，只能证明页面可访问，不代表这些安装信息正确。

你可以这样告诉 AI Agent

请检查 manifest link 指向的 Web App Manifest，核对 name、icons、start_url 和 display。修正后删除并重新安装，再验证主屏幕名称、图标、启动地址和窗口形态；不要把可安装等同于离线可用。

接下来学什么

1应用图标App Icon→2部署上线Deployment→

网站安装后总是从错误路径打开，应该先检查什么？

A. 只添加 Service Worker，并假设启动地址会自动变正确B. 检查 Manifest 的 start_url，并重新安装后验证启动地址C. 更换 Favicon，因为浏览器会从它推断启动路径