浏览器上的SharedWorker是干啥的?
他与serviceworker又有啥不同?
网友回复
SharedWorker 是一种在多个标签页、iframe 或者浏览器实例之间共享的后台线程,例如每个页面都有websocket请求,那么相同的页面多tab 打开或iframe嵌套会产生多次websocket请求,如何websocket请求放到shareworker中,接受和发送都由shareworker来中转,那么任意个同域名页面只需要一次websocket请求就好了。
SharedWorker 允许不同的脚本运行在同一个共享的工作线程上,这样它们就能够共享同样的数据连接或者进行通信。
而 ServiceWorker 主要用于实现离线体验、消息推送和后台同步等功能。ServiceWorker 充当了 web 应用程序、浏览器与网络之间的代理服务器。它允许网站拦截和处理网络请求,包括根据网络可用性动态地加载离线页面。
不同点主要包括:
生命周期:ServiceWorker 是长生命周期的,即使标签页关闭了也可存在,直到被明确地终止。而 SharedWorker 仅在至少一个标签页使其处于活动状态时才存在。
用途:SharedWorker 适合做数据共享和脚本通讯,而 ServiceWorker 更适合做资源缓存和离线内容提供。
作用范围:ServiceWorker 可以控制整个域下的多个页面,它与具体页面独立;SharedWorker 则是由创建它的同源页面共同控制。
通信方式:SharedWorker 与页面间的通信依赖于 postMessage 接口;ServiceWorker 的通信则依赖于监听和触发事件。
以下是一个简单的 SharedWorker 示例代码:
SharedWorker 的 JavaScript 文件 testworker.js:
const ports = [];
self.onconnect = (e) => {
const port = e.ports[0];...点击查看剩余70%
阿里云ESA、cloudflare worker、腾讯云EdgeOne网站代理托管哪家更好?
剪映能打开.fcpxml格式的文件吗?
增量式编码器与绝对式编码器的区别是啥?
有没有开源的单张照片或者序列帧图片或视频就能重建4d场景动画项目?
chrome网页突然报错:错误代码:RESULT_CODE_KILLED_BAD_MESSAGE
openai的codex如何全程无需手动确认自动修改文件?
阿里云oss前端上传文件直传如何限制文件类型?
阿里云oss前端获取policy签名直传oss上传文件回调如何传?
如何将根据三维物体通过提示词变成可交互的4d场景动画?
浏览器中实时摄像头离线视觉ai模型有吗?


