## PWA（# 渐进式 Web 应用，Progressive Web App）
PWA 是 Google 于 2016 开始推广的实现近原生 APP 体验的 Web 应用解决方案，其拥有可安装、可离线、可推送通知等"类原生"能力。Chrome 系浏览器对其支持最为完善，国外有诸多诸多成功案例&& 大量主流网站支持（Cloudflare、github、Vercel、supabase 等网站均支持 PWA）。在国内则由于软件/硬件厂商利益问题，其理念被借鉴/融合，推出了小程序/快应用这类竞争者，PWA 本体则鲜少被网站采用。
### 为什么选择 PWA？
#### PWA 开发/兼容难度低
经过多年演进，PWA 兼容难度日益降低，甚至可直接通过 **vite-plugin-pwa** 等 vite 插件实现无缝兼容 + 便捷自定义，各大前端开发框架如 Nuxt / Next 等也有对于 PWA 生态支持。
#### PWA 缓存机制优秀
不同于常规网页仅能基于浏览器自行判断资源缓存，PWA 能够通过 service worker 实现自定义缓存策略，从而实现可控 && 体验优先的首页加载/更新。
### WCO（Window Controls Overlay）
WCO 是 PWA 众多特性之一，目的是解决传统 PWA 应用无法自定义标题栏，只能使用默认浏览器标题栏，导致标题栏与 PWA 应用主要界面 UI 冲突 && 不支持自定义菜单栏，破坏沉浸式体验等问题。PWA 应用支持 WCO vs 不支持 WCO 效果如下：
![Cloudflare 不支持 WCO.png](https://developer.qcloudimg.com/http-save/yehe-9075453/3a28b75e373eced6f8eba6f9072cc345.png)
![适配 WCO PWA 应用.png](https://developer.qcloudimg.com/http-save/yehe-9075453/e635cf95964f333fb171e4623a7d9ebf.png)
#### WCO 开发踩坑
WCO 有千般好，但极为可惜的是生不逢时：
- WCO 标准发布于 2022年（WICG 草案），在短短数年后，AI 已经慢慢吸引走所有开发者的眼球，导致 WCO 相关 blog 寥寥无几，浏览器厂商如（Mozilla/Apple）也缺乏推进 WCO 的动机
- 叠加 AI 训练的天生弊端（语料越多，能力越强），现有 agent 对于 WCO 相关 UI 的开发能力极其低下--笔者的一个 PWA 项目为了成功启用 WCO，来来回回让 agent 修改了十次，仍然未能满意，最终只能甩给 agent 一个适配完善的代码仓库，让其现学现用，结果一次修改即完成适配。（agent 学习能力 && WCO 语料匮乏 可见一斑）
#### 为什么仍然选择 WCO？
- 在 agent 时代，被动使用国内厂商开发的通用性软件已经不足以满足人们需求，Web App 的成熟度&& agent 编程难度 && serverless 服务普及度（如：supabase / worker）使得基于 Web 开发个性化适配的软件门槛飞速降低。
- 对于开发桌面端 Web APP 而言，WCO  必不可少 && UI 效果极为显著。
### 总结
![论文 agent WCO 异常.png](https://developer.qcloudimg.com/http-save/yehe-9075453/ae7c7d6272870a6b6856c1f88718f6ce.png)
PWA && WCO 是开发 Web App 时对于 缓存/UI 帮助极大的特性，十分值得个人开发者在开发应用时考虑，但需注意 WCO 由于资料少 && agent 能力低，在开发 WCO 适配时，最好给 agent 一个示例仓库，否则极易出现反复修改仍然出错情况。

PWA 是 Google 于 2016 开始推广的实现近原生 APP 体验的 Web 应用解决方案，其拥有可安装、可离线、可推送通知等"类原生"能力。Chrome 系浏览器对其支持最为完善，国外有诸多诸多成功案例&& 大量主流网站支持（Cloudflare、github、Vercel、supabase 等网站均支持 PWA）。在国内则由于软件/硬件厂商利益问题，其理念被借鉴/融合，推出了小程序/快应用这类竞争者，PWA 本体则鲜少被网站采用。

Agent 时代 PWA WCO 踩坑实测

PWA && WCO 是开发 Web App 时对于 缓存/UI 帮助极大的特性，十分值得个人开发者在开发应用时考虑，但需注意 WCO 由于资料少 && agent 能力低，在开发 WCO 适配时，最好给 agent 一个示例仓库，否则极易出现反复修改仍然出错情况。

前端

PWA结合WCO可实现类原生应用体验，WCO解决标题栏定制难题，但受AI时代语料匮乏影响开发适配困难。建议开发者优先采用vite-plugin-pwa集成缓存策略，同时为agent提供示例仓库加速WCO适配，适合个性化桌面端WebApp开发。

2026上云采购 | AI焕新·智启新局

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

EdgeOne AI 安全实战专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

Agent 时代 PWA WCO 踩坑实测-腾讯云开发者社区-腾讯云

Agent 时代 PWA WCO 踩坑实测

Agent 时代 PWA WCO 踩坑实测

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐