PWA不能直接替代原生App但可覆盖70–80%场景；WebView中可通过原生权限授权调用摄像头、定位等API，需注意协议限制与平台差异；Service Worker与原生无法直接共享缓存，须桥接协同；manifest图标在Android由浏览器识别，iOS则依赖apple-touch-icon标签。

PWA 本身不能直接替代原生 App，但能覆盖 70–80% 的常见使用场景；是否“兼容”，取决于你指的兼容方向——是功能调用、安装体验，还是系统级集成。

WebView 加载 PWA 页面时，原生层还能否调用摄像头、定位等能力？

可以，但需分两层处理：

• WebView 容器本身支持 requestPermissions() 和 WebChromeClient 回调（如 Android 的 onPermissionRequest()），只要在 AndroidManifest.xml 中声明对应权限，并在运行时申请，就能让 PWA 页面中的 navigator.mediaDevices.getUserMedia() 或 navigator.geolocation.getCurrentPosition() 正常触发
• 但注意：PWA 在纯浏览器中运行时，这些 API 的可用性受浏览器策略限制（例如 iOS Safari 对 getUserMedia 在非 HTTPS + 用户手势触发下会拒绝）；而 WebView 可绕过部分限制，前提是原生层已主动授权并透传给 WebCore
• 常见坑：file:///android_asset/ 协议下无法启用 geolocation —— 必须用 https:// 或 http://localhost（仅限调试），否则 getCurrentPosition() 直接报 NotAllowedError

Service Worker 能否和原生代码共享缓存或状态？

不能直接共享，但可通过桥接间接协同：

anything-to-html

将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。

下载

• Service Worker 运行在独立线程，与 WebView 的 JS 环境隔离，也无法访问 localStorage 或 IndexedDB（除非显式开放作用域）
• 原生层若需预置离线资源，应把文件写入 getCacheDir() 或 getFilesDir()，再通过自定义 URL Scheme（如 myapp://cache/style.css）供 WebView 加载，而非依赖 SW 缓存
• 想让原生知道 SW 是否完成 install，可在注册后监听 statechange：

  navigator.serviceWorker.ready.then(reg => {
    reg.installing?.addEventListener('statechange', () => {
      if (reg.installing?.state === 'activated') {
        window.webkit.messageHandlers.swReady.postMessage({status: 'ready'});
      }
    });
  });

manifest.json 声明的 icons 能否被原生启动器识别？

能，但平台行为不一致：

立即学习“前端免费学习笔记（深入）”；

• Android：只要 manifest.json 中 icons 数组包含至少一个 192x192 和一个 512x512 的 PNG，且 display 设为 "standalone"，Chrome / Edge 会将其作为“添加到主屏幕”后的图标来源；原生 Launcher Activity 不读这个文件，但 WebView 外壳可读取并复用
• iOS：Safari 不使用 manifest.json 图标，而是依赖 <link rel="apple-touch-icon"> 标签；若用 WKWebView 加载 PWA，需在 HTML 中额外声明：<link rel="apple-touch-icon" href="/icons/icon-192.png">
• 容易忽略的一点：iOS 的 apple-touch-icon 默认不支持透明背景，PNG 若带 alpha 通道，可能显示黑底；建议导出为无透明的 PNG 或改用 .jpg

真正难啃的骨头不在 manifest 或 SW，而在「用户感知不到的通信延迟」——比如 JSBridge 调用原生扫码后，返回结果卡顿半秒，用户就会觉得“不像原生”。这时候得查 evaluateJavaScript() 的执行队列，而不是重写整个 PWA 架构。