应用程序主宰着你的**。很长一段时间以来,应用程序并没有以同样的方式影响你的桌面或浏览器。近年来,这种情况发生了变化。进步网络应用(PWA)的地位正在不断提高,并改变我们与各种网站的互动。
但究竟什么是进步的网络应用呢?PWA做了什么而网站没有?以下是您需要了解的渐进式Web应用程序。
渐进式Web应用程序是一种Web应用程序,它向用户提供一个常规站点,但显示为本地移动应用程序。PWAs试图将本地移动应用程序的可用性引入现代浏览器功能集,充分利用这两个开发领域的进步。
那么,什么定义了PWA?
如您所见,PWAs旨在通过本地应用程序的精简功能和界面设计,为用户提供完整的网站体验。
进步的网络应用的关键是浏览器****。
服务工作者是一个在浏览器后台运行的脚本,“与网页分离,为不需要网页或用户交互的功能打开了大门。”目前,您可以使用推送通知和后台同步等服务工作者,但不久的将来,PWA将赋予这些脚本更大的功能。
因此,****构成了PWA标准的基础,使用Web缓存几乎即时的结果。
在服务工作者之前,转到浏览器缓存脚本是Application cache(或App cache)。应用程序缓存功能广泛的离线第一服务,但有点容易出错。此外,App Cache还有几个众所周知的限制,如列表所示。
但开发人员面临的主要问题是缺乏与AppCache工作方式的直接交互,这使得开发人员无法在出现问题时准确地解决问题。反过来,具有完全离线功能的网站和服务也是一个危险的选择。
然而,****的工作时间仅限于需要他们的行动。在PWA中,当您单击某个或使用某个功能时,服务工作人员将启动操作。服务工作人员(记住,它是一个脚本)处理事件,决定脱机缓存是否可以完成请求。其想法是,PWA可以选择多个脱机缓存,从而提供了更广泛的脱机功能。
此外,缓存不仅仅用于离线速度提升。例如,你前往一个PWA,但你的连接是非常零散的。服务工作者为以前的缓存提供服务,完全运行,不会中断您的体验。
使用渐进式Web应用程序有两个要求:兼容的浏览器和支持PWA的服务。
首先,让我们看看浏览器。有两个选项可以检查PWA浏览器支持。首先是杰克·阿奇博尔德的****准备好了吗?它可以方便地显示主要浏览器的PWA就绪状态,以及三星互联网。
有关PWA浏览器支持的更详细概述,请访问Can I Use网站,该网站专门按浏览器版本列出各种web和浏览器技术的实现。例如,如果在搜索栏中输入“serviceworks”,则会找到一个表,其中显示每个浏览器实现PWA serviceworks的版本号。
“我可以使用服务工作者”表确认主要浏览器都支持PWAs。它还演示了PWA对几种替代桌面浏览器和移动浏览器的支持。
再把它分解一点:
因此,主流浏览器都支持PWAs。Microsoft Edge和Safari是最新添加到完整支持列表中的。相反,QQ浏览器和百度浏览器现在都使用过时的版本,因此已经进入了第二层。
既然您知道要使用哪个浏览器,就可以考虑搜索和安装PWA了。对于这个例子,我将使用三星Galaxy S8和谷歌Chrome。
进步的网络应用无处不在。许多公司已经调整了他们的网站和服务,以提供一个进步的网络应用程序版本。在许多情况下,当您进入主页或移动服务站点时,首先会遇到PWA,这会触发“添加到主屏幕”对话框。
看看下面的视频,看看当你访问Twitter移动网站时会发生什么。
当然,访问无数的网站,希望看到主屏幕触发器是没有用的。事实上,这是非常耗时的。谢天谢地,您不必这样做,因为有几个站点专门为pwa编目。
首先,试试网络。它列出了一系列相当不错的pwa,新的选项经常出现。下一步,试试看pwa.岩石. 它有一个较小的选择,但一些方便的pwa,你想添加到您的设备。
此外,2019年1月,Android Chrome72附带了TrustedWebActivity(TWA)。TWA允许Chrome选项卡以独立模式打开。反过来,这使得PWAs可以在googleplay应用商店中使用。最初出现在googleplay上的几个pwa是Twitter-Lite、Instagram-Lite和Google-Maps-Go,随着时间的推移会出现更多的pwa。
渐进式Web应用程序是浏览器和本机移动应用程序之间的一个极好的混合步骤。PWAs会完全取代本地应用吗?我很难拒绝。pwa作为一个轻量级的产品是非常好的,但是考虑到它们目前主要集中在复制现有的站点和服务,它们不会取代本地应用。
至少,目前还没有。
不过,PWAs确实有效。PWA统计数据也支持这一点。以下几个有趣的数字说明了PWA如何改变我们与常用网站的互动:
PWA还不是主流。但由于它们提供了一系列巨大的好处,比如节省设备空间,将来你会听到更多关于它们的消息。
...代已经改变了,有一种更简单的方法可以解决这个难题:渐进式web应用(PWAs)。它们更轻,提供几乎相同的功能集,并且易于管理。这里有14个PWA替代你最喜欢的一些应用程序。 ...
... 但别担心。有望弥合Web应用和本地应用之间差距的渐进式Web应用(progressiveweb Apps,PWAs)正获得越来越多的关注。让我们期待吧。 ...
... 三。在microsoft edge或google chrome中**一个渐进式web应用程序 ...
... Vue是一个用于构建单页应用程序(spa)的渐进式JavaScript框架。它是一个反应式框架,您可以以最小的工作量将其**到现有的服务器端语言中。如果您对构建渐进式web应用(PWA)更感兴趣,那么您可能需要考虑使用...
... 另一个大项目是将渐进式Web应用(PWA)技术构建到/e/OS中。PWAs在一个独立的“沙盒”中运行。这意味着他们对你的数据的访问权限比标准应用少得多,而且没有运行那么多后台服务,这使得...
...你甚至可以从这个屏幕创建新的笔记。 在Windows10上**一个渐进式web应用程序来查看apple笔记 如果你不喜欢类似浏览器的界面来访问苹果笔记,你可以**一个渐进式的网络应用程序,在一个类似应用程序的界面上显示你所有的笔记...
...用程序图标,无论是Android应用程序、Chrome应用程序还是渐进式Web应用程序,都将是圆形的。 任何没有背景的应用程序都会自动放在一个圆形的白色图标上。大多数人不会注意到这种变化,但它确实使事情看起来更加一致。这...
...以任何有意义的方式使用。 在android上安装icloud作为一个渐进式web应用程序 如果你想经常在Android上使用iCloud服务,那么把它作为一个渐进式web应用(PWA)添加到你的主屏幕上是值得的。这使得你可以像打开一个“真正的”应用...
随着谷歌从Chrome应用程序转向渐进式Web应用程序(PWAs),它似乎正在迅速取代Chrome应用程序。YouTube音乐、Google地图和Google照片都加入了这个行列,现在Google驱动也在这个名单上。 需要注意的是,在撰写本文时,PWA似乎只适用...
... Electron、CEF和类似的技术有很多优点,但也有一些缺点。渐进式网络应用(progressivewebapps,PWAs)有朝一日可能会提供一条出路,因为它们为现代网络应用提供了一种离线工作的方式。然而,与Electron和CEF不同,PWAs在后台使用标...