--- title: 将网站改造成PWA应用 description: PWA是使用 Web 技术生成的应用程序，可以从一个代码库安装并可在所有设备上运行。PWA 在支持设备上为用户提供类似于本机的体验。 它们适应每个设备支持的功能 author: chaihongjun category: frontend published: 2019-02-13 url: https://chaihongjun.me/frontend/17.html --- # 将网站改造成PWA应用 在国外很火的PWA，在国内因为各种App的盛行倒是显得很小众，本身这是没有推广开的技术。本站之前已经部署了serviceworker，这个是构建PWA应用的主要前提。这里延续之前的文章《[serviceworker配置优化版](https://chaihongjun.me/frontend/16.html)》对本站进行PWA改造的记录。 ![将网站改造成PWA应用](https://chaihongjun.me/public/uploads/images/20240829/1724912830432598.jpg) serviceworker 相关的配置看之前的文章介绍，这里不再重复记录 manifest.json 在网站的根目录创建一个manifest.json的配置文件： MDBLOCK0 注意，这里是的JSON文件，里面不能有注释部分，上面一些的文字部分为了做说明。 本站的manifest.json: MDBLOCK1 然后在网站的首页区域添加： MDBLOCK2 好了，至此网站的PWA改造就完成了，上述部分都是改造过程中必须完成的部分。对于PWA应用的使用情况如何，建议部署以下检测代码： MDBLOCK3 --- > 本文首发于 [chaihongjun.me | 柴宏俊 web 技术学习笔记](https://chaihongjun.me/frontend/17.html)，采用 CC BY-NC-ND 4.0 协议，转载请保留出处与链接。