网页前端黑科技PWA的优劣对比

2016年,PWA在google正式落地,基于Chromium的浏览器Chrome和Opera已经完全支持PWA了,随着 iOS 11.3 的发布,iOS正式开始支持PWA,Windows Edge 支持PWA,随着越来越多的游览器大厂,相继的对PWA做出了支持和优化,想必PWA的时代即将到来。

天生优势:

  1. 无需安装,无需下载,只要你输入网址访问一次,然后将其添加到设备桌面就可以持续使用。
  2. 发布不需要提交到app商店审核
  3. 更新迭代版本不需要审核,不需要重新发布审核
  4. 现有的web网页都能通过改进成为PWA, 能很快的转型,上线,实现业务、获取流量
  5. 不需要开发Android和IOS两套不同的版本
    存在劣势:
  6. 流览器对技术支持还不够全面, 不是每一款流览器都能100%的支持所有PWA。
  7. 需要通过第三方库才能调用底层硬件(如摄像头)。
  8. PWA现在还没那么火,国内一些手机生产商在Android系统上做了手脚,似乎屏蔽了PWA, 但是相信PWA迟早会火起来。

    PWA如何弥补和原生App的差距?

    PWA使用app Shell架构模型
  9. 快速加载
  10. 尽可能使用较少的数据
  11. 使用本机缓存中的静态资产
  12. 将内容与导航分离开来
  13. 检索和显示特定页面的内容(HTML、JSON 等)
  14. 缓存动态内容 App Shell 可保证 UI 的本地化以及从 API 动态加载内容,但同时不影响网络的可链接性和可检测性。用户下次访问您的应用时,应用会自动显示最新版本。无需在使用前下载新版本。
  15. 为了保证首屏的加载,在内容请求完成之前,可以优先保证 App Shell 的渲染,做到和 Native App 一样的体验,App Shell 是 PWA 界面展现所需的最小资源。

刚刚推出2.3.3版本不久的Magento系统已经官方更新了对PWA功能的集成接口,这对开发者来说是一件提前进入移动新时代的关键点,这也是Google和Magento自2015年以来的又一次战略性合作。

原文地址:https://blog.51cto.com/14571960/2442985

时间: 2024-10-10 05:00:46

网页前端黑科技PWA的优劣对比的相关文章

聊聊H5与JS近几年的黑科技

聊聊H5与JS近几年的黑科技 自ajax技术的诞生,编程界兴起了一股WEB开发热,facebook,Twitter等众多大佬级企业都在网页应用上大放异彩,这十年我们见证了前端技术的崛起.这期间产生了众多脱离了浏览器的JS和H5开发的黑科技.移动端的react native,cordova,native.js:PC端的Node.js,NW.js:当然还有前端本身的众多框架,vue.js,jquery.js,bootstrap等等. 所以JS不再是一门单纯的浏览器脚本,作为一个前端开发者如果跟不上前

新手玩CSS中的一些黑科技

哎哎 1.鼠标移进网页里,不见了= = *{ cursor: none!important; } 2.简单的文字模糊效果 *{ color: transparent; text-shadow: #111 0 0 5px; } 3.多重边框 .div { box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.2), 0 0 0 12px rgba(0, 0, 0, 0.2), 0 0 0 18px rgba(0, 0, 0, 0.2), 0 0 0 24px rgba(0,

华为新一代企业数字化协作,有哪些黑科技?

华为在全球170多个国家和地区拥有1023个办公室,这背后正是高效敏捷的数字化IT平台,支撑了全球化高效运营.对于华为来说,高效的沟通与协作在企业的生产过程中发挥着举足轻重的作用,支撑着华为分布在全球超过18万名员工及合作伙伴协作,完成了华为在2017年超过6000亿人民币的销售收入.2018年上半年同比增长达到15%的业绩. 2018年9月,在华为企业通信CloudLink新品发布会上,发布了包括会议终端CloudLink Board.编码器CloudLink Box.专业智能导播CloudL

试读—增长黑客,创业公司必知的“黑科技”

概述 刚一看到书名,最引起注意的是黑客两个字,那个带着神秘色彩,让无数程序员羡慕嫉妒恨的角色.但仔细一看,增长黑客,创业公司必知的"黑科技",是讲公司如何以切实的依据.低廉的成本.可控的风险来达成用户增长.活跃度上升.收入额增加等知识及案例的,这对于初创公司又没有充足的资金去燃烧以改变用户习惯的情况无疑是雪中送炭.指北之针. 什么是增长黑客? 本书适合哪些读者? 增长 靠原始积累实现增长的时代已经过去,也不适合互联网.移动互联网.互联网+的模式.我们经常能看到类似的新闻"某公

市值超越高通后,NVIDIA用黑科技抢占苹果高端笔记本市场

(上图为NVIDIA CEO黄仁勋在2017台北Computex上介绍Max-Q设计) 2011年10月21日,NVIDIA CEO黄仁勋在AsiaD大会上表示,高通是该公司最为直接的竞争对手,苹果公司是间接竞争对手.6年后,在2017年5月30日的台北电脑展Computex期间,NVIDIA的市值超过了高通,当天NVIDIA的总市值达854.70亿美元,而高通的总市值则是851.01亿美元. 在第二天接受记者采访的时候,黄仁勋表示了一下惊讶:"是吗?"接着就继续讲在本次台北Compu

微信小程序与传统APP十大优劣对比

随着微信公众平台的开放,微信端小程序涌现市场,带来很很多便利和简单的原生操作,询:微信端小程序是否会替代传统的APP应用?两者的优劣如何?我们一起来看看传统APP与微信端小程序十大优劣对比       微信正让60%的APP变得没有存在价值,这个观点是从价值层面来谈的,以我们和传统企业合作实践的经验来看,从功能层面来看,未来,80%的传统APP将会被微信端小程序所代替.         APP作为用户接入移动互联网世界的桥梁和入口,研究APP,对于传统商家实现移动营销具有重要的价值.下面,从开发

360手机f4新体验 安全与黑科技同行

万物复苏的3月,360携360手机f4重归行业前线. 这款主打质价比的新品不仅价格亲民,功能也颇具亮点--在其最低售价仅为599元的价格基础上,360仍然为这款手机搭载了双微信.趣味拍照.应用冷藏室.地理位置穿越.一卡多号等诸多"黑科技"功能,而硬件上搭配金属中框.0.4s速度的指纹解锁等配置,也使得这款售价亲民的手机表现不俗:其他方面,已经日臻纯熟的360 OS,加上360手机此前在多款机型上的做工经验,也在这款手机上得以具体体现.从目前现有情况来看,这款360手机f4无论在价格还是

【转载】史上最全:TensorFlow 好玩的技术、应用和你不知道的黑科技

[导读]TensorFlow 在 2015 年年底一出现就受到了极大的关注,经过一年多的发展,已经成为了在机器学习.深度学习项目中最受欢迎的框架之一.自发布以来,TensorFlow 不断在完善并增加新功能,直到在这次大会上发布了稳定版本的 TensorFlow V1.0.这次是谷歌第一次举办的TensorFlow开发者和爱好者大会,我们从主题演讲.有趣应用.技术生态.移动端和嵌入式应用多方面总结这次大会上的Submit,希望能对TensorFlow开发者有所帮助. TensorFlow:面向大

最具颠覆力的十大黑科技,你最期待哪一个?

科技技术水平的提高,有些先进技术对于未来各行业的发展提供了积极的一面,但是也不免会出现一些具有颠覆力的黑科技.那么,对于最具颠覆力的黑科技,你了解多少呢?下面十大排行网(Top10.ph)就来盘点下最具颠覆力的十大黑科技. 10.SCiO:从分子层面认识物质 SCiO是以色列一家名为ConsumerPhysics的初创公司生产的便携近红外光谱分析仪,体积和大拇指差不多,只轻轻一扫,它就能够告诉你身边常见物品的化学成分,并将扫描和计算结果直接发送到你的手机.如:检测食物的营养信息;检测食用油的质量