新事物学习---Chrome上使用PWA

## PWA是什么

PWA(Progressive Web Apps)是 Google 最近在提的一种 Web App 形态 (或者如 Wikipedia 所称的“软件开发方法”)。PWA 意图让 Web 在保留其本质(开放平台、易于访问、可索引)的同时, 在离线、交互、通知等方面达到类似 App 的用户体验。按 Google 官方的解释 PWA 具有这些特性:Reliable, Fast, Engaging。具体技术包括 Service worker、 Web App Manifest、 Cache API、 Fetch API、 Push API、 Web Push Protocol、 Notification等。

简单点就是:像APP一样可被添加到手机桌面或者电脑桌面的网站

安装一个PWA应用看看

第一部:升级到最新版本chrome
浏览器地址打开:chrome://settings/help

第二部:开启
浏览器地址打开:chrome://flags/,打开后长这样:

然后搜索progressive,红色部分设置为Enable

然后重启浏览器!

体验一把

浏览器打开:https://mobile.twitter.com
安装到桌面:

安装完后桌面有一个图标:

这个twitter lite就是一个采用了PWA技术的Web应用程序,具有PWA的所有特性。

更多内容,请点击阅读原文
作者知乎/公众号:前端疯
新事物学习---Chrome上使用PWA_第1张图片

你可能感兴趣的:(新事物学习,前端,PWA)