能否为未适配PWA的第三方站点自定义manifest文件生成可用的PWA应用？

完全可以通过手动加载自定义manifest.json的方式，给web.whatsapp.com这类未适配PWA的站点启用PWA相关权益，两种常用的落地方法如下：

• 方法一：用户脚本注入自定义manifest
  借助Tampermonkey等用户脚本管理工具，在目标站点加载时动态插入自定义manifest配置即可，核心代码示例：

  // ==UserScript==
  // @name         WhatsApp Web 自定义PWA
  // @match        https://web.whatsapp.com/*
  // @grant        none
  // ==/UserScript==
  
  // 自定义manifest配置，可自行修改名称、图标、显示模式等参数
  const manifestConfig = {
    name: "WhatsApp网页版",
    short_name: "WhatsApp",
    start_url: "/",
    display: "standalone",
    background_color: "#fff",
    theme_color: "#25d366",
    icons: [{
      src: "https://web.whatsapp.com/favicon.ico",
      sizes: "any",
      type: "image/x-icon"
    }]
  }
  
  // 生成manifest对象并插入页面
  const blob = new Blob([JSON.stringify(manifestConfig)], {type: 'application/json'})
  const manifestUrl = URL.createObjectURL(blob)
  const manifestLink = document.createElement('link')
  manifestLink.rel = 'manifest'
  manifestLink.href = manifestUrl
  document.head.appendChild(manifestLink)
  

  脚本启用后刷新WhatsApp网页版，Chrome地址栏右侧就会出现PWA安装按钮：
  
  正常安装后就能把应用固定到任务栏，以独立窗口运行，和主浏览器进程资源隔离。
• 方法二：专用扩展可视化配置
  不想写代码的话可以直接用Chrome商店里的自定义PWA扩展，这类工具已经封装好了配置界面，只需要填写目标站点地址、应用名称、图标等参数，一键就能生成PWA入口，操作更简单。

补充说明：如果站点本身设置了严格的内容安全策略（CSP）阻止动态资源插入，只需要给对应脚本/扩展开启修改页面内容的权限即可，生成的PWA功能和站点原生适配的PWA没有明显差异，完全能满足独立运行、降低资源占用的需求。

内容的提问来源于stack exchange，提问作者Dirk Boer