未来可期,PWA 可以直接添加到桌面

最近在刷 Youtube 的时候,扫了一眼最新的 Chrome 更新。一条消息突然引起 俺 的兴趣,Title 是:

New in Chrome 70: Desktop PWAs on Windows, Public Key Credentials, Named Workers and more

主要讲的是,PWAs 可以直接运行在 windows 的桌面上。它的基本描述为:

Once installed, they’re launched from the Start menu, and run like all other installed apps, without an address bar or tabs

翻译一下:

当你一旦安装完成,他们可以直接从菜单栏里面启动,然后就可以像其他原生应用一样启动,并且没有地址栏和 tabs 页。

类似 这样的截面,只是对比与 windows 有些区别。

如果你的 Web 页面没做啥 PWA 的话,也不要紧,它的要求(criterial)很简单:

  • 有 webapp manifest,并且里面带上:
    • shortname 和 name 字段
    • icons
  • starturl
  • https 网址
  • 有一个已经监听 fetch 事件的 ServiceWorker

之后,Chrome 就会给你的浏览器开一个 prompt 权限,提示用户可以直接添加到桌面。为了更好的体验,你可以监听一些事件,然后,提示用户是否愿意将 Web 页添加到桌面

比如:

另外, Linux 和 MAC 正在沟通支持,不过,我觉得 MAC 可能性不大。

https://developers.google.com/web/updates/2018/10/nic70 https://www.youtube.com/watch?v=msA284Q6yZU&list=PLNYkxOF6rcIDfz8XEA3loxY32tYh7CI3m

原文发布于微信公众号 - 前端小吉米(villainThr)

原文发表时间:2018-10-24

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏破晓之歌

前端开发必备!Emmet使用手册 转

Emmet (前身为 Zen Coding) 是一个能大幅度提高前端开发效率的一个工具:

741
来自专栏木子昭的博客

webpack手动配置React开发环境

1623
来自专栏张善友的专栏

Quartz.net官方开发指南 第十一课: 高级(企业级)属性

Clustering 集群 ( Clustering从0.6版本开始可用了) 目前,集群只能用在使用ADO.NET-Jobstore的情况。特新包括负载均衡和容...

20410
来自专栏逸鹏说道

VSCode中文乱码问题+Git环境配置

异常处理汇总-开发工具 http://www.cnblogs.com/dunitian/p/4522988.html 1.VSCode中文乱码问题 (file...

4188
来自专栏十月梦想

node处理机制,并发性测试

下面一个案例看一下非阻塞I/O处理机制,更好了解到node机制!其实三个特点就是一个事情,擅长I/O,擅长任务调度!

793
来自专栏hbbliyong

Eclipse 4.3 Kepler最快汉化方法

eclipse 4.3汉化 eclipse 4.3 ---kepler已经于2013年6月26日发布主要版本,详见:eclipse in wikipedia ?...

2134
来自专栏逸鹏说道

1.移动先行之谁主沉浮----我的第一个程序

如果移动方向有任何问题请参考===> 异常处理汇总-移动系列 (http://www.cnblogs.com/dunitian/p/4867701.html) ...

3259
来自专栏大数据钻研

前端开发必备!Emmet使用手册

介绍 Emmet (前身为 Zen Coding) 是一个能大幅度提高前端开发效率的一个工具: 基本上,大多数的文本编辑器都会允许你存储和重用一些代码块,我们称...

3828
来自专栏Nian糕的私人厨房

jQuery 点击按钮打印指定文本内容

这是在做 JavaScript 调用浏览器打印快递单功能时所遇到的一些坑,总结了一下,分享给大家

1012
来自专栏技术博客

ExtJs九(ExtJs Mvc用户管理之一)

首先要做的是为用户信息创建一个模型,在Scripts\app\model目录下创建一个名为User.js的文件,然后添加以下模型定义代码:

1102

扫码关注云+社区

领取腾讯云代金券