不知道大家还记不记得之前的四篇 PWA 系列翻译。不过那毕竟是老外他们自己的实践，而且相对来说是从科普角度来描述了 PWA 的实践，对想要直接进行 PWA 优化的，可能会觉得比较啰嗦。 恰好我司最近使用 React 全家桶开发了一个网站，所以干脆就拿它开刀，来进行 PWA 优化，顺便记录一下点滴。

UC 浏览器里碰到的几个问题

我知道，类似的文章网上一搜一大把。作为一个只用 Mac 搞了不到一年开发的菜鸡，很多功能我也还在摸索中。本文旨在把自己积累的一些小技巧与大家分享，任何疑问、意见、建议，请在下方留言评论

平时经常使用 Google 浏览器拓展插件，这个实验教你打造属于自己的 Google 浏览器扩展，实现的功能为列表清单。

根据代码注释生成静态 html 页面 可添加 markdown 文件生成 html 页面 预留使用说明和功能介绍说明配置生成 html 页面

通过 Service Worker，我们可以直接摆脱服务端，不需要 304 一样能使用本地缓存。不仅如此，还能执行网页本身行为外的脚本（不过不能访问 DOM），比如预先抓取后面可能要访问的资源，甚至在飞行模式下同样能使用 webapp。

为了让我们的网站能达到更高的评分（咦，为什么变成刷分了），我们最后需要进行用户体验和性能的优化。