前几天打开Twitter，发现Chrome（版本80）的地址栏右边出现了十字图标，并提示“Install”。点击安装后，桌面和Chrome Apps都新增了Twitter图标。再双击该图标，就会以窗口形式打开Twitter。窗口像本地应用，但细看，只是没有了地址栏的Chrome窗口。好奇之下，发现这是PWA的最新形态！

Progressive Web Apps，简PWA，就是把网页应用化，或者是利用网页技术开发的应用。这家伙的好处是，对于绝大部分的网站来说，加几个文件就在原来网页的基础上，完成了客户端的开发。第一次看到这个技术提案时，非常激动，简直就是我们网站的救星，不用考虑如何开发iOS和Android的应用了。但其困难的地方是，统一标准和普及的问题。虽然得到越来越多浏览器的支持，但是Safari不太积极。

关于PWA相关的知识和教程，都可以在这里找到：
Progressive Web Apps
https://web.dev/progressive-web-apps/

比较齐全的PWA资源：
awesome-pwa
https://github.com/hemanth/awesome-pwa

收集了一堆PWA的网站：
https://pwa.rocks/

值得推荐的是，对PWA技术很积极的Twitter：
https://twitter.com/

注意的是，要使PWA被浏览器识别为可安装，需要一个正方形的图标。这个在做入门实例时折腾了很久才发现。

后面还想试试结合WASM，看看能否做出更好玩的东西～

标签: none

添加新评论