前言
总括： PWA是什么呢？你可以理解为它是浏览器的“小程序”。但实现过程和运用的技术却要比小程序来的复杂。随着去年Safari也开始支持Service Worker,PWA在苹果上的实现也成为了指日可待的事情。如今国内关于PWA的资料十分匮乏，真正完成PWA转型的应用也屈指可数。本文通过深入浅出的文字来向各位介绍PWA应用所需要的技术以及如何去实现一个简单的PWA应用。碍于作者水平有限，在PWA面前仍然是个小学生，文中有不当之处还望批评指正。
-
原文博客地址： PWA:告别下载安装
-
知乎专栏&&简书专题：前端进击者（知乎）
-
博主博客地址：Damonare的个人博客
就老去吧 孤独别醒来。
正文
这篇”博文“要加双引，因为实际是个广告贴...但还是会介绍下PWA的一些内容。不管你了解过PWA也好，没听过PWA也罢，通过这场chat笔者都会尽可能让你有所收获。犹记得去年11月份笔者听到Safari开始支持Service Worker的消息时候的激动。笔者相信PWA的春天马上就要来了。关于PWA兼容性各位可以查看caniuse或是PWA兼容性来了解。国内个人觉得最大的障碍就在于iOS，由于iOS封闭的原因，现在只能在Safari里面添加PWA应用到桌面。如果你想尝试下PWA应用可以在安卓上使用Chrome或是在iOS使用Safari打开豆瓣(手机版)或是笔者的个人博客Damonare初步感受下PWA应用的魅力。
安卓上添加到桌面的具体操作步骤(以Chrome为例)：
- 打开豆瓣(或是笔者个人站点)后，浏览器会提示添加到主屏幕；
- 如果没有，可以手动点击右上角[选项]，选择[添加到主屏幕]；
- 正常的话就会在桌面看到图标了；
- 点击图标重新进入，如果你是第一次使用PWA应用，相信效果会让你惊艳的。
iOS添加到桌面的具体操作步骤(Safari)：
- 打开豆瓣(或是笔者个人站点)后，选择下面中间的图标，弹出选项；
- 选择[添加到主屏幕]；
- 桌面会出现相应图标，点击图标进入(iOS会有一段白屏时间，这应该还是个问题，似乎并不支持自定义icon)；
使用微信扫描上方二维码，进入chat跟我一起学习PWA的知识，共勉~
通过本chat你会学到以下内容：
- PWA概念简介；
- 认识Service Worker；
- Web App Manifest 介绍；
- App Shell 模型；
- 实现一个PWA应用；