Service Workers“早”知道？

待我称王封你为后i 2022-08-10 08:39 175阅读 0赞

最近关于Service Workers的研究与讨论日益增多，今天就给我大家来梳理一些资源，让大家一睹为快！！

## 1.啥是Service workers？ ##

我们知道原生App拥有的富离线体验，如定时静默更新，消息通知推送等功能，曾经是是web应用“羡慕嫉妒恨”的功能。有了Service Worker，Web APP也可以拥有这些功能。

简单来说，Service Workers赋予Web APP以非常好的离线体验，赋予开发者离线数据的管理能力。

欲知详情请大家移步下列资源获取更多信息：

1.  [html5rocks][]的[service workers introduction][]
2.  [w3ctech][]对html5rocks introduction的翻译 [Service Worker 入门][Service Worker]
3.  W3C吴小倩的报告[游戏规则改变者 Service Worker][Service Worker 1]
4.  [Service Workers让Web应用感觉更像是原生应用][Service Workers_Web]

## 2.Service Workers准备好了吗？ ##

### 2.1 兼容性 ###

对于任何一个新的功能，兼容性都是不容忽视的，对吧，各位前端er。  
来看下[Caniuse][]的数据（截止2015/11/16）。  
![图片描述][20151116085657569]

### 2.2 特性支持与polyfill ###

下面是来自于[isServiceWorkerReady?][isServiceWorkerReady]的数据。  
![图片描述][20151116091310033]

## 3. 如何使用Service Workers？ ##

来具体了解Service Wokers的使用方式，API文档、使用案例、样例APP。

1.  [官方文档][Link 1]
2.  MDN的[Service Worker API][]
3.  MDN的[Using Service Workers][]
4.  [ServiceWorker: Revolution of the Web Platform][ServiceWorker_ Revolution of the Web Platform]
5.  [My first Service Worker][]
6.  CSS-tricks的[Making a Simple Site Work Offline with ServiceWorker][]
7.  ponyfoo.com的[Making a Progressive App with ServiceWorker][]
8.  一些案例[ServiceWorkersDemos][]
9.  [An Offline Experience with Service Workers][]

## 4.声明 ##

爱前端，乐分享。前端痴王海庆的博客，希望与您共同进步。  
博客之星评选正在进行，[投我一票][Link 2]，感谢您的支持。  
欢迎任何形式的转载，烦请注明装载，保留本段文字。  
本文原文链接[http://blog.csdn.net/whqet/article/details/49861565][http_blog.csdn.net_whqet_article_details_49861565]  
独立博客[http://whqet.github.io][http_whqet.github.io]  
新浪微博[http://weibo.com/FedFun][http_weibo.com_FedFun]  
极客头条[http://geek.csdn.net/user/publishlist/whqet][http_geek.csdn.net_user_publishlist_whqet]

[html5rocks]: http://www.html5rocks.com/
[service workers introduction]: http://www.html5rocks.com/en/tutorials/service-worker/introduction/
[w3ctech]: http://www.w3ctech.com/
[Service Worker]: http://www.w3ctech.com/topic/866
[Service Worker 1]: http://www.w3.org/2014/Talks/0825-xiaoqian-offline/#/
[Service Workers_Web]: http://www.infoq.com/cn/news/2014/12/service-workers-make-web-native
[Caniuse]: http://caniuse.com/#feat=serviceworkers
[20151116085657569]: /images/20220731/8c0d195042b24768ab5ce37ba1f26b19.png
[isServiceWorkerReady]: https://jakearchibald.github.io/isserviceworkerready/index.html
[20151116091310033]: /images/20220731/926db10dbd1b4e0aa845acb9be504164.png
[Link 1]: https://slightlyoff.github.io/ServiceWorker/spec/service_worker/
[Service Worker API]: https://developer.mozilla.org/en-US/docs/Web/API/Service_Worker_API
[Using Service Workers]: https://developer.mozilla.org/en-US/docs/Web/API/Service_Worker_API/Using_Service_Workers
[ServiceWorker_ Revolution of the Web Platform]: https://ponyfoo.com/articles/serviceworker-revolution
[My first Service Worker]: https://adactio.com/journal/9775
[Making a Simple Site Work Offline with ServiceWorker]: https://css-tricks.com/serviceworker-for-offline/
[Making a Progressive App with ServiceWorker]: https://ponyfoo.com/articles/progressive-app-serviceworker
[ServiceWorkersDemos]: https://github.com/w3c-webmob/ServiceWorkersDemos
[An Offline Experience with Service Workers]: https://brandonrozek.com/2015/11/service-workers/
[Link 2]: http://vote.blog.csdn.net/blogstar2015/candidate?username=whqet
[http_blog.csdn.net_whqet_article_details_49861565]: http://blog.csdn.net/whqet/article/details/49861565
[http_whqet.github.io]: http://whqet.github.io
[http_weibo.com_FedFun]: http://weibo.com/FedFun
[http_geek.csdn.net_user_publishlist_whqet]: http://geek.csdn.net/user/publishlist/whqet