Code前端首页关于Code前端联系我们

PWA(Progressive Web App)能做什么?

terry 2年前 (2023-09-25) 阅读数 46 #后端开发

什么是PWA

先说一下全称,Progressive Web App:渐进式Web应用程序。这是谷歌推出的。我是这样理解的:

  • 我们通常会编写Web应用程序。 PC 上没有缓存。当页面打开时,请求数据。
  • 另一个没有像应用程序那样在桌面上有小图标。当您打开应用程序时,您就进入了该应用程序。相反,您打开浏览器并输入 URL。
  • 第三是你不能作为应用程序向用户发送消息。 、微博等功能会让您知道谁评论了您的微博。

Google推出的Pwa具备这些功能,这使得我们可以将Web应用程序用作应用程序。而且与应用程序相比,它不需要复杂的安装或下载更新包,只需刷新页面即可(注意缓存)。

那么这些功能是如何实现的呢?

关于缓存

其实就是我们平时做的Session、localStorage、CacheStorage之类的。

这里使用的是cacheStorage缓存,它提供了ServiceWorker类型或窗口范围可以访问的所有命名缓存的主目录,并维护字符串名称到相应Cache对象的映射。主要方法包括:

版权声明

本文仅代表作者观点,不代表Code前端网立场。
本文系作者Code前端网发表,如需转载,请注明页面地址。

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

热门