博客的PWA改造

什么是 PWA

Progressive Web App, 简称 PWA,是提升 Web App 的体验的一种新方法,能给用户原生应用的体验。
PWA 能做到原生应用的体验不是靠特指某一项技术,而是经过应用一些新技术进行改进,在安全、性能和体验三个方面都有很大提升,PWA 本质上是 Web App,借助一些新技术也具备了 Native App 的一些特性,兼具 Web App 和 Native App 的优点。
PWA 的主要特点包括下面三点
·可靠 - 即使在不稳定的网络环境下,也能瞬间加载并展现
·体验 - 快速响应,并且有平滑的动画响应用户的操作
·粘性 - 像设备上的原生应用,具有沉浸式的用户体验,用户可以添加到桌面
PWA 本身强调渐进式,并不要求一次性达到安全、性能和体验上的所有要求,开发者可以通过 PWA Checklist 查看现有的特征。
参考链接:
什么是 PWA
Web App Manifest

对博客做PWA改造也是一种尝试,博客本身就是重在折腾。把一些好玩有趣的东西加进来。同时从浏览器打开博客和从桌面上以一种类似打开应用的方式相信体验也会不一样。

效果
效果

目前只在WIN10和macOS上体验过,浏览器用的是Chrome78。网络上有很多优秀的改造教程所以这里我就不再写了,我会在下边放上链接和Chrome的最新安装包。
PWA改造教程
Chrom macOS
Chrom WIN

添加新评论

评论列表