文档章节

PWA(Progressive Web App)是否会成为手机小程序和Native App终结者

yushulx
 yushulx
发布于 04/15 15:41
字数 591
阅读 64
收藏 1

什么是PWA

PWA简单的说就是像Native App一样可以安装运行的Web程序。Native App通过app store安装,而PWA通过浏览器安装。

PWA的优势

PWA具备一切Web应用的特征。使用JS,CSS,HTML开发。可以被搜索,也可以通过URL分享。PWA安装非常方便,可以像Native App一样发送通知,同步数据,离线工作。

PWA vs 微信小程序

  • 语法
    • PWA:只要你懂web开发,你就可以迅速创建PWA。
    • 小程序:你要花时间学习小程序开发指南。
  • 审核
    • PWA:完全自由发布。一切都在自己掌控中。用户通过浏览器就可以使用。
    • 小程序:一切都在腾讯掌控中。

PWA vs Native App

智能手机诞生以来,移动端的网络访问流量基本被Native App统治,移动浏览器使用率很低。PWA的诞生就是为了改善这种失衡,让web app的体验和native app一样。和native app比,PWA不需要通过app store安装,占用的系统资源也比较少。

PWA条形码应用示例

PWA和一般的web应用比,多了一个service worker和manifest文件。service worker用来缓存web资源以及调用系统的一些功能。manifest文件用来定义程序入口页面,设置程序名以及桌面显示用的图标。

这里是我创建的一个简单的条形码扫码应用:https://github.com/dynamsoft-dbr/javascript-barcode/tree/master/examples/pwa。 激活GitHub的page功能就可以访问。

在Android Chrome中访问页面会自动跳出安装提示:

在这里插入图片描述

安装之后就会出现在桌面上:

在这里插入图片描述

点击之后就可以像Native App一样运行:

在这里插入图片描述

PWA会在国内流行吗

PWA的很多特性只能通过Android使用,iOS不支持。另外安装功能如果没有Google框架和科学上网是不能实现的。所以目前国内看不到希望。

© 著作权归作者所有

yushulx
粉丝 29
博文 109
码字总数 61815
作品 0
杭州
私信 提问
PWA(Progressive Web App)入门系列:(一)PWA简介

前言 PWA做为一门Google推出的WEB端的新技术,好处不言而喻,但目前对于相关方面的知识不是很丰富,这里我推出一下这方面的入门教程系列,提供PWA方面学习。 什么是PWA PWA全称Progressive W...

lecepin
2017/03/22
0
0
百度正式发布Lavas 我们有机会告别臃肿的App了

  【IT168 评论】互联网的优点之一就是其庞大的覆盖范围,无论使用何种设备或何种平台,所有互联网用户都可通过它访问信息,智能手机普及之后,越来越多的人开始喜欢上使用APP应用,但随着...

it168网站
2017/07/06
0
0
Progressive web APPs 谷歌I/O大会第一日

Progressive web application这一次在谷歌I/O大会也是非常重要的一个环节。本文就谷歌I/O大会的keynote--Progressive Web Apps: Great Experiences Everywhere (Google I/O '17)(观看需要翻墙......

neal
2017/05/18
0
0
当vue遇到pwa--vue+pwa移动端适配解决方案模板案例

写在前面:这个项目杂七杂八看起来很杂,这篇文章主要是就是介绍下这个模板项目的几个要点,让大家从这个项目中能学到真正实用的技术要点,项目地址在文末。 一.pwa 1.什么是 PWA,使用哪些技...

nightZing
2018/05/10
0
0
[repo tutorialzine |译]The Languages, Frameworks and Tools You Should Learn in 2017

(author| Martin Angelov) original The software development industry continues its relentless march forward. In 2016 we saw new releases of popular languages, frameworks and ......

phala
2016/12/12
17
0

没有更多内容

加载失败,请刷新页面

加载更多

zk中leader和follower启动时信息交互

QuorumPeer中读取节点状态信息,不同状态下设置不同角色 1 Leader启动Follower接收器LearnerCnxAcceptor LearnerCnxAcceptor负责接收非leader连接请求,线程中创建LearnerHandler处理器 2 Le...

writeademo
28分钟前
4
0
完美的Linux之【navi】使用笔记

今天要说的是才上线才两天,就已经获得超过1000星。开发者是一位来自巴西的小哥Denis Isidoro。 开发的工具navi Linux用户的日常困惑 > 新命令 用完就忘 ? > 一时想不起来命令的单词怎么拼?...

我们都很努力着
29分钟前
3
0
iptables删除命令中的相关问题

最近在做一个V**N中间件的配置工作,在配置iptables的时候,当用户想删除EIP(即释放当前连接),发现使用iptables的相关命令会提示错误。iptables: Bad rule (does a matching rule exist ...

Linux就该这么学
42分钟前
3
0
ExtJS 4.2 评分组件

本文转载于:专业的前端网站➸ExtJS 4.2 评分组件 上一文章是扩展ExtJS自带的Date组件。在这里将创建一个评分组件。 目录 1. 介绍 2. 示例 3. 资源下载 1. 介绍 代码参考的是 Sencha Touch 2...

前端老手
50分钟前
4
0
springboot2.0.6启动解析(四)观察器、启动的错报告、Headless模式相关分析

解析SpringApplication的run方法观察器、启动的错报告、Headless模式、监听器相关分析 public ConfigurableApplicationContext run(String... args) { // 构造一个任务执行观察器(Jav...

小亮89
57分钟前
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部