最新消息:20210816 当前crifan.com域名已被污染,为防止失联,请关注(页面右下角的)公众号

【整理】PWA Progressive web apps

Web crifan 2401浏览 0评论

折腾:

【整理】web的app中的manifest.json的作用和参数含义

期间,通过:

Web App Manifest | MDN

得知了,之前听过,但是不熟悉的PWA

Progressive web apps

且manifest.json也是PWA的一部分

progressive web apps 介绍

如何看待 Progressive Web Apps 的发展前景? – 知乎

您的第一个 Progressive Web App  |  Web  |  Google Developers

下一代 Web 应用模型 —— Progressive Web App – 黄玄的博客 | Hux Blog

PWA 初探:基本特性与标准现状 | Harttle Land

Progressive Web App:模仿原生应用的Web应用

认识Progressive Web App – 外籍杰克 – SegmentFault

【总结】

PWA=Progressive web apps

简介:

模仿原生应用的Web应用

特性和优点:

  • 渐进式 – 适用于选用任何浏览器的所有用户,因为它是以渐进式增强作为核心宗旨来开发的。

  • 自适应 – 适合任何机型:桌面设备、移动设备、平板电脑或任何未来设备。

  • 连接无关性 – 能够借助于服务工作线程在离线或低质量网络状况下工作。

  • 类似应用 – 由于是在 App Shell 模型基础上开发,因此具有应用风格的交互和导航,给用户以应用般的熟悉感。

  • 持续更新 – 在服务工作线程更新进程的作用下时刻保持最新状态。

  • 安全 – 通过 HTTPS 提供,以防止窥探和确保内容不被篡改。

  • 可发现 – W3C 清单和服务工作线程注册作用域能够让搜索引擎找到它们,从而将其识别为“应用”。

  • 可再互动 – 通过推送通知之类的功能简化了再互动。

  • 可安装 – 用户可免去使用应用商店的麻烦,直接将对其最有用的应用“保留”在主屏幕上。

  • 可链接 – 可通过网址轻松分享,无需复杂的安装。

包含技术:

现状:

目前这些技术标准多数处于草案阶段,兼容性的浏览器只有 Chrome 40, Firefox 40 和 Opera。

对于推送通知、indexedDB 等技术则需要更高版本的浏览器。

在国内的移动互联网中 Safari、UC、QQ 等浏览器占有主要份额, 因此目前基本处于生产环境不可用的试水阶段。

所以,暂时可以先不去考虑,以后再说。

转载请注明:在路上 » 【整理】PWA Progressive web apps

发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
83 queries in 0.187 seconds, using 22.14MB memory