Using Service Workers

Using Service Workers

1、This is an experimental technology
  Because this technology‘s specification has not stabilized, check the compatibility table for usage in various browsers. Also note that the syntax and behavior of an experimental technology is subject to change in future versions of browsers as the specification changes.

  

  

  

  Safari:Desktop、Mobile均不支持。

  IE:Desktop不支持。

  Chrome:Desktop、Mobile 40.0版本后均支持。

  FireFox:Desktop、Mobile 33.0版本后均支持。

  Android WebView:不支持。Android Webview不支持,导致应用前景堪忧。

2、Note: As of Firefox 44, when AppCache is used to provide offline support for a page a warning message is now displayed in the console advising developers to use Service workers instead

  Firefox 44版本以后,已不推荐使用AppCache,推荐使用Service workers。

3、You’ll also need to serve your code via HTTPS — Service workers are restricted to running across HTTPS for security reasons.

  

参考:https://developer.mozilla.org/en-US/docs/Web/API/Service_Worker_API/Using_Service_Workers

时间: 2024-08-13 07:34:41

Using Service Workers的相关文章

使用 Service Workers 来预缓存应用外壳

Progressive Web Apps 是快速且可安装的,这意味着它能在在线.离线.断断续续或者缓慢的网络环境下使用.为了实现这个目标,我们需要使用一个 service worker 来缓存应用外壳,以保证它能始终迅速可用且可靠. 如果你对 service workers 不熟悉,你可以通过阅读 介绍 Service Workers 来了解关于它能做什么,它的生命周期是如何工作的等等知识. service workers 提供的是一种应该被理解为渐进增强的特性,这些特性仅仅作用于支持servi

Service Workers“早”知道?

最近关于Service Workers的研究与讨论日益增多,今天就给我大家来梳理一些资源,让大家一睹为快!! 1.啥是Service workers? 我们知道原生App拥有的富离线体验,如定时静默更新,消息通知推送等功能,曾经是是web应用"羡慕嫉妒恨"的功能.有了Service Worker,Web APP也可以拥有这些功能. 简单来说,Service Workers赋予Web APP以非常好的离线体验,赋予开发者离线数据的管理能力. 欲知详情请大家移步下列资源获取更多信息: ht

认识 service worker

离线缓存可以提升用户体验,可以节省网络资源,但是,浏览器对资源缓存和自定义网络请求的控制一直不够完善,service worker 的出现就是为了解决这些问题 它可以解决目前离线应用的问题,同时也可以做更多的事. Service Worker 可以使应用先访问本地缓存资源,所以在离线状态时,在没有通过网络接收到更多的数据前,仍可以提供基本的功能(Offline First).这是原生APP 本来就支持的功能,这也是相比于 web app,原生 app 更受青睐的主要原因. 开始使用 有些浏览器版

借助Service Worker和cacheStorage缓存及离线开发 (转载)

一.缓存和离线开发 说得HTML5离线开发,我们通常第一反应是使用html5 manifest缓存技术,此技术已经出现很多年了,我以前多次了解过,也见过一些实践案例,但是却从未在博客中介绍过,因为并不看好. 为什么不看好呢?用一句话解释就是“投入产出比有些低”. 对于web应用,掉线不能使用是理所当然的,绝不会有哪个开发人员会因为网页在没网的时候打不开被测试MM提bug,或者被用户投诉,所以,我们的web页面不支持离线完全不会有什么影响.但如果我们希望支持离线,会发现,我投入的精力和成本啊还真不

PWA之Service work

原文 简书原文:https://www.jianshu.com/p/84a4553d81a8 大纲 1.Service Workers: PWA 的关键 2.理解 Service Workers 3.Service Worker 生命周期 4.Service Worker 基础示例 1.Service Workers: PWA 的关键 正如我之前所提到的,释放 PWA 力量的关键在于 Service Workers .就其核心来说,Service Workers 只是后台运行的 worker 脚

PWA之 Service worker

渐进式 Web 应用(Progressive Web Apps,也被称为 PWAs)是 Web 技术方面一项令人兴奋的创新.PWA 混合了多项技术,能够让 Web 应用的功能类似于原生移动应用.它为开发人员和用户带来的收益能够突破纯 Web 解决方案和纯原生解决方案的限制: 你只需要一个按照开放.标准 W3C Web 技术开发的应用,不需要开发单独的原生代码库: 用户在安装之前就能发现并尝试你的应用: 没有必要使用 AppStore,无需遵循复杂的规则或支付费用.应用程序会自动更新,无需用户交互

Service Worker基础知识整理

Service Worker是什么 service worker 是独立于当前页面的一段运行在浏览器后台进程里的脚本.它的特性将包括推送消息,背景后台同步, geofencing(地理围栏定位),拦截和处理网络请求. 这个 API 会让人兴奋的原因是,它可以使你的应用先访问本地缓存资源,所以在离线状态时,在没有通过网络接收到更多的数据前,仍可以提供基本的功能(一般称之为 Offline First). 在 service worker 之前,另一个叫做 APP Cache 的 api 也可以提供

一起脱去小程序的外套和内衣 - 微信小程序架构解析

版权声明:本文由渠宏伟  原创文章,转载请注明出处: 文章原文链接:https://www.qcloud.com/community/article/760767001484042227 来源:腾云阁 https://www.qcloud.com/community 作者介绍: 渠宏伟,腾讯高级工程师,从事Web前端开发5年,先后负责企鹅电竞.腾讯视频VIP.腾讯OA开发框架.腾讯微信HR助手等项目.对Web前端架构..NET架构有丰富的经验. 微信小程序的公测掀起了学习小程序开发的浪潮,天生跨

160830、如何运用最新的技术提升网页速度和性能

最近更新了我们的网站,它是经过了设计上的全面验收的.但实际上,作为软件开发者,我们会注重很多技术相关的零碎的东西.我们的目标是控制性能,注重性能,未来可伸展,为网站增添内容是一种乐趣.接着就来告诉你,为什么我们的网站速度比你们的快吧(抱歉,确实是这样的). 性能设计 在我们的项目中,我们每天都会和设计师和产品负责人讨论关于平衡美观和性能的问题.对于我们自己的网站,这样做是很简单的.简言之,我们认为好的用户体验从快速的内容传输开始,也就意味着 性能 > 美观. 好的内容.布局.图片和交互是吸引用户