有人能解释一下IOS Safari Service Worker支持吗

IOS Safari Service Worker是一种Web API，它允许开发者在网页和浏览器之间建立一个独立的线程，用于处理离线缓存、推送通知和后台同步等功能。它是Progressive Web App（PWA）的关键组成部分，可以提供更好的离线体验和增强的功能。

IOS Safari Service Worker的主要特点和优势包括：

离线缓存：Service Worker可以缓存网页的资源文件，使得用户在离线状态下仍然能够访问网页内容，提供更好的用户体验。
后台同步：Service Worker可以在后台进行数据同步，使得网页可以在后台更新数据，而不需要用户打开网页。
推送通知：Service Worker可以接收服务器推送的通知消息，并在用户离线或者网页未打开时显示通知，提醒用户重要信息。
快速加载：由于Service Worker可以缓存资源文件，网页加载速度更快，减少对服务器的请求次数。
安全性：Service Worker运行在独立的线程中，与网页的主线程隔离，提供了更高的安全性，防止恶意代码的攻击。

IOS Safari Service Worker的应用场景包括：

离线应用：通过缓存网页资源文件，使得用户在离线状态下仍然能够访问应用程序，如新闻阅读、博客、电子书等。
推送通知：通过Service Worker发送推送通知，向用户推送重要信息，如新消息提醒、活动通知等。
后台数据同步：Service Worker可以在后台进行数据同步，保持应用程序数据的最新状态，如社交媒体应用、即时通讯应用等。

腾讯云相关产品中，可以使用腾讯云的移动推送服务（https://cloud.tencent.com/product/tpns）来实现推送通知功能，同时可以使用腾讯云的对象存储（https://cloud.tencent.com/product/cos）来存储和管理网页的资源文件。

相关·内容

Safari 版本更新？开发者的噩梦之旅！

总之，Service Workers 对于 Construct 中的项目预览功能非常重要，而我们不小心依赖了一个 Chrome bug，导致我们的 Service Worker 在 Safari 16.4...期间最让人烦躁的，就是 Safari 对原有 Service Worker 脚本的缓存方式似乎跟其他浏览器都不一样。我一直不理解苹果为什么要搞这个特殊，这样真的很容易让情况变得更糟。...但苹果却决定默认启用，直到几个月后发布 iOS 11.3 时才完成修复。与此同时，苹果没有提供任何有意义的帮助或支持。期间我们只得到了一位乐于助人的维基百科工程师的支持，他分享了他们发现的解决办法。...WebM Opus 距离成功就只差一步了——所有浏览器均可支持，包括 macOS 上的 Safari，但就偏偏是 iOS 和 iPadOS 上的 Safari 不行。...所以，我真有必要这么纠结吗？对，我觉得有必要。我希望有更多朋友能意识到在 Safari 上正常运行有多么费劲，而且每一次版本更新会给生态系统中的合作伙伴造成怎样的“精神创伤”。

5052 0

WWDC 2022：哪些是前端开发者要关注的信息？

「即使 Safari 没有运行，也可以发送这些通知」。它使用与其他浏览器相同的 Web 标准：Push API 和 Notifications API 以及 Service Worker。...Safari 中的 Web Push 会使用和 Apple 推送相同的通知服务，该服务支持所有 Mac 和 iOS 设备上的本地推送。...Shared Worker Safari 16 新增了一种新型的 Worker —— Shared Worker。...与 Service Worker 一样，Shared Worker 支持在后台运行 JavaScript，但其生命周期略有不同。...() 方法； CSP内容安全策略支持了新的指令：worker-src。

1.8K1 0

【译】Service Worker存储的限制是多少？你的PWA能够存储多少内容？

appCache和service worker能够持久化地缓存URL可寻址资源的文件，这在技术上是正确的。但是service worker cache不是唯一一个需要注意的浏览器存储介质。...iOS Safari Service Worker缓存的限制天哪！苹果公司为什么要将事情搞得这么复杂？...如果在几周内未使用的PWA（我们认为它是2周），iOS设备会清除存储的资源。这样做对用户友好不友好尚无定论，但对于使用service worker来提供更好的用户体验的企业来说绝对算不上友好。...自Safari 8以来苹果就已经支持了IDB，好消息是iOS Safari IndexedDB限制高达500MB。...因为这是一项新功能，所以只有在检查支持性后才能调用storage.estimate。

4.1K2 0

苹果拒绝支持PWA的行为对Web贻害无穷！

PWA 使你可以用 JavaScript 来创建一个“Service Worker”，它为你提供与原生应用相关联的各种功能，例如推送通知，离线支持和应用的加载屏幕 —— 这一切可都是基于Web的！...不过还有一个主要问题 —— 虽然谷歌已经接受并在 Android 版的 Chrome 浏览器添加了这一技术的支持，但是 Apple 却放弃了在 iOS 端的 Safari 浏览器中提供支持。...我立刻想到，“既然他做出了如此大胆的声明，那么不用iOS吗，甚至永远也不会用？” 目前 Android 占有全球移动操作系统市场 86% 的份额。...iOS上做不到）提供添加到主屏幕的元数据首次加载很快甚至在3G环境网站跨浏览器页面过渡不会被网络阻塞每个页面都有一个URL 这是认真的吗？...Service workers 可以使你在PWA配合下做出所有令人惊叹和激动人心的事情，由于移动版 Safari 缺乏对他们的支持，有效地干掉了PWA为一半美国用户工作的能力——这反过来又扼杀了他们统一的可能性

1.9K3 0

PWA - 令人惊奇的web用户体验新方法

file 提供类似于 APP 的使用体验（在 Android 上可以设置全屏显示，由于 Safari 支持度的问题，所以在 IOS 上并不可以），并且还能进行 ”推送通知” 。...渐进式：能确保每个用户都能打开网页，可以运行在不支持 PWA 技术的浏览器里。用户不能离线访问，不过其他功能都像原来一样没有影响。...离线应用：支持用户在没网的条件下也能打开网页，这里就需要 Service Worker 的帮助,可以离线运行 APP 化：能够像 APP 一样和用户进行交互。...Service Worker 浏览器支持情况 2018年,全球顶级的浏览器厂商，Google、Microsoft、Apple已经全数宣布支持PWA技术 (apple: Safari 11.1 beta...版已经支持Web App Manifest 和 Service Worker) Microsoft：Edge和Windows 10全面支持PWA 微软,宣布全面支持PWA ?

2.6K1 0

🤔 一文搞懂前端兼容问题

1.iOS & Safari iOS 和 Android 虽然都是一年更新一个大版本，但受益于生态的封闭性，iOS 的更新率极高，基本上最近的两个版本就能覆盖 95% 以上的人群。...因为 iOS 版本基本上和 Safari 版本一一对应的，例如 iOS 15.6 上安装着 Safari 15.6，iOS 14.5 上安装着 Safari 14.1，具体的映射关系可见 MDN 的映射表...modern feature 经过上面的探索，我们再回过来看看一些比较 modern 的 browser feature 的支持程度： browser fature iOS Chrome Web Worker...5 4 SubtleCrypto 7 37 Service Worker 11.3 45 WebAssembly 11 57 CSS Grid Layout 10.3 58 WebGPU not support...一般中大厂都有比较完善的数据监控中台，直接拉一份数据就能获取大致情况，基建不完善的小公司也可以单独开个接口记录数据，收集一个月做个去重统计也能得到相关数据。

9314 0

如何使用浏览器工具调试PWA

对iOS和Safari桌面版的支持者来说，Safari将要开始支持Service Workers，似乎是朝着正确的方向前进了一步。 ? 详细的应用程序面板应用程序面板包含了很多PWA的元素。...显示所有是一个选项，可以快速访问所有安装在设备上Service Worker。每个Service Worker都有一个状态指示器，您可以停止并重新启动。...您最有可能使用的是Service Worker生命周期事件模拟。...Firefox对PWA以及Service Workers有很大的支持。但是，它的开发者工具不会像Chrome开发工具那样显示出来。...它提供自动检查，以确保您的Web应用程序是最佳构建的，并且包括对Service Worker的支持。一个非常有用的工具，千万不要错过。如果你喜欢这篇文章，请给我一些鼓掌，让更多的人看到它。

3.7K4 0

为 vue 项目添加 PWA 支持

为已有项目添加 PWA 支持 1....GenerateSW GenerateSW与InjectManifest如何选择：如果你只是想简单地将项目 PWA 化，选择GenerateSW，插件会自动帮你生成包含 precache manifest 的service-worker.js...如果你有较高的定制需求，需要在已有 Service Worker 的基础上将项目 PWA 化，则选择InjectManifest，插件会在你指定的service-worker.js的基础上加入 precache...自动跳过 Service Worker 的等待阶段添加离线 Google Analytics 支持运行时缓存runtimeCaching，Workbox 的强大所在，阅读这些内容会使你更好地了解如何配置以及具体能做什么...Android Service Worker 的更新这是开发 PWA 应用时需要考虑的一个重要问题由于 Service Worker 的更新机制（扩展阅读：【Service Worker】生命周期那些事儿

3.6K0 0

Google IO 2018 : Web 现状综述

Service Worker Service Worker 可能是过去 10年中 Web 提供的一个最为重要的 API。它提供了大量高级别的抽象，使得 Web 的能力不再局限于展示页面。...目前，包括 safari、edge 在内的各大浏览器都已经支持 Service Worker。大量 PWA 也开始在商业活动中展露头角。...许多 Google 的产品也在使用 Service Worker。...Service Worker 使得 Google Search 每次加载减少 50% 的外部 JavaScript 下载、交互延迟降低了 6%。...Bulletin 由于使用了 Service Worker,首屏加载速度大幅提高，同时实现了一套代码运行在 Android、iOS、desktop 等多个平台。

9184 0

Safari浏览器正在杀死Web

根据 Web Platform Tests 公布的仪表板，基于 Chrome 的浏览器能够支持 94% 的测试套件、Firefox 支持 91%，而 Safari 仅支持 71%。...但即使在 iOS 上使用其他浏览器、包括 Firefox，我们用到的在本质上也仍然是 WebKit。或者说，只要大家选择了 iOS 设备，那么 Safari 就将永远伴你左右。...因为如果苹果老老实实推出所有支持功能，开发者就能构建起更好的 Web 应用，那到时候没人买原生应用了怎么办……苹果在 iOS App Store 中可是拥有 30% 的佣金抽成。...更重要的是，苹果在保护自身利益的同时，还把新 API 支持功能的缺失解释成保护用户隐私……打着这面大旗，其他人也确实不好多说什么。 Safari 真的在拯救 Web 吗？...写在最后必须有人站出来阻挡谷歌和 Blink 疯狂的扩张脚步，确保不断涌现的 API 真能给 Web 用户带来助益。这一点对苹果用户很重要，对谷歌用户乃至 Web 开发者也同样重要。

1K2 0

iOS 16升级引热议，网友吐槽锁屏太花哨，潘粤明更新后一度登不上微信

有人很喜欢这种更灵活多样的锁屏模式，也有不少人表示这样花里胡哨，有种“越来越安卓”的感觉。专注模式 iOS 16中和锁屏功能深度绑定的，还有专注模式。...键盘在iOS 16系统中开启听写时，也可以同步打字，并且还支持用语音添加标点符号和emoji表情。不过，有路过的安卓用户表示，这个功能安卓机早就有了。...也有人表示，这样可能让一些人更不愿意升级系统了。（懂得都懂）横屏FaceID 在iOS16中，横屏解锁Face ID终于实现了，这一点倒是广受好评。...除了修复联系人、地图、Safari、Safari扩展、快捷方式和WebKit的安全问题外，iOS15.7更新还解决了多个内核漏洞。...所以，在座各位对今年的iOS 16怎么看？果机用户们打算直接升到16吗，还是先用15.7版？对了，今年苹果CEO库克发了微博祝大家中秋和教师节快乐。

7642 0

基于P2P的互联网内容加速

P2P 的浏览器支持目前，主流的浏览器如Chrome、 Firefox、 Edge 以及现在的 Safari 都支持 WebRTC。对于http请求的拦截，可以通过service worker实现。...service worker是大多数浏览器中的新特性，它允许在浏览器中运行后台进程。...与可用作线程代理的 Web worker 类似，service worker 对于如何与DOM交互和交换数据也有一些限制。...然而，service worker有一个最初为支持离线页面加载而开发的强大特性: Fetch API。Fetch API 允许service worker拦截请求和响应调用，类似于 HTTP 代理。...虽然浏览器中存在多种不同的存储选项，但 IndexedDB是service worker和 DOM 中唯一可用的存储 API，WebRTC 代码可以在其中执行。

1.7K2 0

一文搞懂 Web Worker(原理到实践)

而 SharedWorker 可以多个浏览器 Tab 中访问到同一个 Worker 实例，实现多 Tab 共享数据，共享 websocket 等，但是 safari 放弃了 SharedWorker 支持...如下图所示，只在 safari 5~6 中短暂支持过。因此，社区中主要针对兼容性更好的 DedicatedWorker 进行拓展，文章后续也主要以 DedicatedWorker 进行讲解。...安卓和 IOS 原生开发中，主线程负责 UI 工作；前端领域热门的小程序，实现原理上就是渲染和逻辑完全分离。本该如此。 Worker API 通信 API ?...img 上图展示了 Worker 线程和主线程的异同，它们的共同点包括：包含完整的 JS 运行时，支持 ES 规范定义的语言语法和内置对象；支持 XMLHTTPRequest，能独立发送网络请求和后端进行交互...Service Worker 模仿 Web Worker，利用现代浏览器支持多线程运行的机制，实现了一个独立于主线程的子线程。

2.6K2 1

2020前端性能优化清单（五）

浏览器支持吗？Chrome、Firefox、Edge 的支持不错，Samsung Internet 也还可以。WebKit 预览版也已支持。降级方案如何？...浏览器支持吗？在 Chrome、Firefox、Safari 和 Edge 中可以对该 API 提供部分支持[53]，在所有现代浏览器中都支持 service worker[54]。 45....浏览器支持吗？如上所述，它得到了广泛的支持[88]，而网络是它的后盾。它是否有助于提高性能？是的[89]。...有了 service worker 之后，我们需要注意 Safari 中的 range 请求[94]（如果您为 service worker 使用了 Workbox，它有一个 range 请求模块）。...v=Cjo9iq8k-bc [53] 部分支持: https://caniuse.com/#feat=streams [54] 在所有现代浏览器中都支持 service worker: https://

2K2 0

为什么现在我特讨厌 Safari 浏览器？

iOS 唯一支持的 Web 渲染引擎就是苹果自己的 WebKit，任何第三方 iOS 浏览器（包括 Chrome）只能使用 WebKit，不得匹配任何其他引擎（这一点在 Windows、Android...很多朋友应该都能想到，一旦功能齐备的渐进式 Web 应用得到全面支持，那么 iOS App Store 将面临巨大竞争。...尽管支持终于到来，但众所周知，WebRTC 在 Safari 桌面版上的运行效果远远不及其他浏览器。开发者发现 WebRTC 在 iOS 中的支持更是一团糟，甚至堪称无药可救。...之前，曾经有人批评 Safari 不支持 VP9 视频编码器或 WebP 图像压缩格式。但好消息是，直到 2020 年底，相关支持终于上线。但老毛病还在——与其他主流浏览器相比，上线时间太过滞后。...Bug 频出，更新不及时很多开发者都在论坛上抱怨 Safari 在 Web API 与 CSS 功能的实现中存在众多 bug，而苹果的解决速度一直相当迟缓。 “苹果不是世界上最有钱的企业之一吗？

1.2K5 0

移动端网页调试

1.4K3 0

Service Workers - JavaScript API 简介

Service Worker 可以启用以前原生应用程序专有的一组功能。 Service Worker 的初稿已于2014年发布，现在所有主流浏览器都支持它们。...但可以通过事件机制来处理如何注册 Service Worker 注册 Service Worker 不需要太多代码，只需要一个用于Service Worker 代码的 JS 文件，一般取名为 service-worker.js...// 首先检查浏览器是否支持 Service Worker if ('serviceWorker' in navigator) { navigator.serviceWorker .register...除Safari之外，所有主流浏览器都支持它们，而Safari对桌面应用程序有自己的实现。要使用推送通知，需要设置一台服务器，该服务器会将通知推送给所有客户端。...浏览器支持情况除了 Safari 和 IE/Edge，大部分现代浏览器都已经得到了支持。总结希望通过本文介绍基本概念和特性，可以让你更好地理解Service Worker。

9352 0

移动端倒计时不准：手机锁屏熄屏APP后台运行屏幕卡顿

息屏导致 js 定时器时间不准问根据后端返回的当前服务器时间做一个倒计时，用settimeout 替换 setInterval ，刷新页面时间【 PC 上的 Firefox、Chrome 和 Safari... }, 1000);上面的代码很简单，就是一个60秒的倒计时程序，我们使用 setInterval 来完成，这段代码在PC中可以正常运行，在Android中也可以正常运行，但是拿到ios...这个就是我们要说的问题，与其说是 setInterval 或者 setTimeout 的问题，倒不如说是 ios 系统的问题，那么有办法解决这个问题吗？这就是我们要谈到的 Worker API。...，有些Android机型中的webview不支持 web Worker 。...这个时候仅仅去使用 setInterval 就可以了，因为在Android中不存在ios中那种阻塞的情况。以上就是这篇博客的内容，希望对大家有所帮助 = =。

2.1K1 0

真的，我现在特讨厌Safari浏览器

1.1K1 0

在网页中使用自定义字体

中的一个模块，他主要是把自己定义的Web字体嵌入到你的网页中，随着@font-face模块的出现，我们在Web的开发中使用字体不怕只能使用Web安全字体，你们当中或许有许多人会不自然的问，这样的东西IE能支持吗...【IE9+,Firefox3.5+,Chrome4+,Safari3+,Opera10+,iOS Mobile Safari4.2+】；二、OpenType(.otf)格式： .otf字体被认为是一种原始的字体格式...，其内置在TureType的基础上，所以也提供了更多的功能,支持这种字体的浏览器有【Firefox3.5+,Chrome4.0+,Safari3.1+,Opera10.0+,iOS Mobile Safari4.2...创建此格式字体,支持这种字体的浏览器有【IE4+】；五、SVG(.svg)格式： .svg字体是基于SVG字体渲染的一种格式,支持这种字体的浏览器有【Chrome4+,Safari3.1+,Opera10.0...+,iOS Mobile Safari3.2+】。

1.8K1 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云