加一份 manifest 再配 service worker，站点就能「装进主屏」，离线也能看缓存页。

示例代码

<link rel="manifest" href="/manifest.webmanifest">
<!-- manifest.webmanifest -->
{
  "name": "息壤者博文",
  "start_url": "/",
  "display": "standalone",
  "background_color": "#0F172A"
}

要点速览

  • manifest 声明名称、图标、启动方式。
  • service worker 缓存壳，弱网/离线可开。
  • 渐进增强：不支持 PWA 的浏览器照常访问。
PWA 是把网站「变成应用」的渐进增强：能装、能离线。