写点什么

Service Workers 让 Web 应用感觉更像是原生应用

  • 2014-12-14
  • 本文字数:760 字

    阅读完需:约 2 分钟

那些希望他们的 Web 应用能够更像原生应用的开发者们即将会多一种选择: Service Workers 。service worker 是运行于浏览器后台的一种脚本,它可以无需 Web 页面或者用户交互就能提供额外的功能。

现在 service worker 的最佳使用场景是提供离线能力。开发人员可以注册一个 service worker 作为网络代理提供网络拦截。即使没有可用的网络时,这个代理也能够对缓存的数据和资源或者是已经生成的内容作出响应。在 2014 年的 Chrome 大会上,Alex Russell演示了基于Web 的手机App 如何使用这个功能来提供完全的离线能力。

和现有的HTML5 数据缓存功能有很大的不同,service worker 的离线能力是可编程的。Russell 称它是一个:“让你做出选择去做哪些事的、可编程的、浏览器内置的代理”。由于service worker 运行于后台,它和当前的Web 页面完全独立,所以将来会有后台同步、推送通知等功能,虽然目前还不具备。

谷歌开发者、倡导者Matt Gaunt 在其对service worker 的介绍中提供了一份开发指南,其中包括如何开发一个基础的service worker 的教程以及一些注意事项。

Google、Mozilla 和 Opera 都已经在开发这个功能,大家对 IE 上提供此功能的呼声也甚高,微软已经表示他们正在考虑此事。苹果尚未表态Safari 浏览器是否对其提供支持。

一般情况下,Chrome 将在V40 版本中正式提供Service worker,不过现在开发者已经可以通过 Chrome 的 Beta 版本来提前试用了。Jake Archibald 在 Github 上维护了一个资源列表,大家可以在上面找到更多的相关信息和标准。

查看英文原文: Service Workers Promise to Make Web Apps Feel Native


感谢夏雪对本文的审校。

给InfoQ 中文站投稿或者参与内容翻译工作,请邮件至 editors@cn.infoq.com 。也欢迎大家通过新浪微博( @InfoQ )或者腾讯微博( @InfoQ )关注我们,并与我们的编辑和其他读者朋友交流。

2014-12-14 09:148247

评论

发布
暂无评论
发现更多内容

一朝见微,十年知著:联想Tiny的办公聚变

脑极体

华为云 CDN 是如何修炼 “ 内功 ” 的?

IT科技苏辞

千锋HTML5大前端全网首发Web3.0面授课程,助力个人入局热门赛道!

千锋IT教育

IoT设备与手机App之间如何实现实时消息通信——业务场景最佳实践

阿里云AIoT

物联网 IoT 传感器 智能硬件

“程”风破浪的开发者|Web3.0去中心化预言机网络技术剖析

小明Java问道之路

架构 预言机 Web3.0 10月月更 “程”风破浪的开发者

速度快、时延低、更安全,华为云CDN助力企业创新发展!

路过的憨憨

华为

网络畅通的“无名英雄”:华为云CDN,让数据传输又快又稳

路过的憨憨

华为

css学习笔记5

虾仁疙瘩汤

CSS css3 10月月更

外包学生管理系统架构设计

Jack

架构实战训练营9期

千锋杭州秋季IT专场双选会热烈启幕,招聘与就业成果显著

千锋IT教育

上网冲浪总是慢?试试华为云CDN,高效加速真体验!

路过的憨憨

架构---作业3

李某人

架构训练营 #架构训练营

安全、快速、稳定,华为云CDN赋能中小企业数字化发展

IT科技苏辞

怎么制作一份能够帮助客户的帮助文档呢?

Baklib

帮助文档

构建超级自动化平台成为战略技术趋势——Gartner:可观测性应用将成为数据驱动型决策的最强大来源

九科Ninetech

RPA 流程挖掘 数智化转型

jsp 十个常用标记回顾

你笑一下嘛!

前端 jsp 10月月更

服务巡检

芯动大师

Python 10月月更 服务巡检

OverOps在根本原因分析中重要性

阿泽🧸

10月月更 OverOps

千锋郑州第八届“千锋杯”联合项目大赛圆满落幕

千锋IT教育

TOGAF企业架构框架-1概览

Marvin Ma

架构 企业架构 TOGAF

TOGAF企业架构框架-2常见术语

Marvin Ma

架构 企业架构 TOGAF TOGAF术语

揭开epoll面纱:Nginx,Redis等都在用的多路复用,到底是什么?

董哥的黑板报

源码 高并发 多路复用 C语言 网络

全国联动,千锋教育1024程序员节线下狂欢活动火热开展!

千锋IT教育

Impala基本架构

穿过生命散发芬芳

impala 10月月更

华为云CDN为什么能够打通数据传输阻碍?

路过的憨憨

华为

CSS学习笔记6

虾仁疙瘩汤

CSS css3 10月月更

智慧城市、数字政府、城市大脑、一网统管之间有什么关系

雨果

智慧城市 城市大脑 数字政府 一网统管

2022-10-26:以下go语言代码输出什么?A:1 3 2;B:1 2 3;C:3 1 2;D:3 2 1。 package main import “fmt“ type temp struc

福大大架构师每日一题

golang 福大大 选择题

“程”风破浪的开发者|研究生学习路程回顾

Studying_swz

学习方法 “程”风破浪的开发者

【web 开发基础】PHP 的流程控制之多向条件分支结构 -PHP 快速入门 (14)

迷彩

10月月更 PHP基础 if条件分支 多条件分支

CSS基础4

虾仁疙瘩汤

CSS css3 10月月更

Service Workers让Web应用感觉更像是原生应用_JavaScript_David Iffland_InfoQ精选文章