首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

选项卡关闭时,浏览器上的推送通知不起作用

是因为浏览器默认行为是在选项卡处于非活动状态时禁止推送通知,以避免用户被过多的通知打扰。这是为了提供更好的用户体验和节省系统资源。

推送通知是一种浏览器功能,用于向用户发送实时的消息或提醒,无需用户打开网页即可接收到通知。它可以用于各种场景,如社交媒体消息、新闻提醒、即时通讯等。

然而,当选项卡关闭时,浏览器会将该选项卡标记为非活动状态,这意味着浏览器会暂停或限制该选项卡的一些功能,包括推送通知。这是为了减少后台资源的消耗,提高系统性能。

如果您希望在选项卡关闭时仍然能够接收到推送通知,可以考虑以下解决方案:

  1. 使用后台推送服务:一些浏览器提供了后台推送服务,即使选项卡关闭,也可以通过该服务向用户发送通知。您可以查阅浏览器的开发文档,了解如何使用后台推送服务。
  2. 使用Web Worker:Web Worker是一种在后台运行的JavaScript脚本,可以独立于网页运行。您可以将推送通知的逻辑放在Web Worker中,即使选项卡关闭,Web Worker仍然可以继续执行,并发送通知给用户。
  3. 提示用户开启推送通知:当用户关闭选项卡时,您可以通过弹窗或其他方式提示用户开启推送通知,以便在后续有重要消息时能够及时通知用户。

总结起来,选项卡关闭时浏览器上的推送通知不起作用是出于性能和用户体验的考虑。如果您有特殊需求需要在选项卡关闭时仍然能够接收到推送通知,可以考虑使用后台推送服务、Web Worker或提示用户开启推送通知等解决方案。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

实现JQuery EasyUI右键菜单变灰不可用效果

使用过EasyUI朋友想必都知道疯狂秀才写后台界面吧,作为一个初学者我不敢妄自评论它好坏,不过它确实给我们提供了一个很好框架,只要在它基础上进行修改,基本都可以满足我们开发需要。...在测试过程中,我发现了一个自认为不友好地方,举个例子:只剩下一个Tab选项卡,点击“除此之外全部关闭”,接着会弹出两个提示框,提示“后边没有了~~”和“到头了前边没有了~~”。...首先,实现“除此之外全部关闭”变灰不可用。 当只打开一个Tab选项卡,右键菜单里“除此之外全部关闭”就应该变灰不可用,这样可以提示用户没有除这一个选项卡没有其他选项卡了。...,“disabled”属性不起作用,所以我加了一个CSS样式,设置了一下它透明度使它变灰。...第二,实现“当前页右侧全部关闭”变灰不可用。 当一个Tab选项卡右侧没有选项卡时候,这个Tab选项卡就应该变灰不可用。

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

    什么是PWA 首先,一个PWA是一个根据设备支持情况,提供了额外特性应用,比如: 离线工作能力 推送通知 几乎原生应用展现和速度 资源本地和缓存 但是PWA并不能在不支持最新技术设备像正常网站那样工作...Chrome使用这个主题颜色来着色浏览器一些UI部分,比如地址栏。可以使用meta标签来自定义每个页面的颜色,但是当应用从主屏启动,在清单中指定主题颜色提供站点范围主题颜色。 ?...在桌面Chrome,它会触发浏览器将应用添加到货架(shelf)。 在移动设备,它提示安装应用程序(将图标添加到主屏幕): ?...但是,即使您更新Service Workers,直到旧Service Workers可以被删除为止,也就网页也不会使用 - 也就是说,直到用户关闭指向网络应用程序所有选项卡。...绕过网络可以完全关闭Service Worker启用缓存。 当您希望从网络直接访问,这会阻止应用程序使用缓存资源。调试也非常有用。

    3.6K40

    WWDC 2022:哪些是前端开发者要关注信息?

    cqmin cqi 或者 cqb 最小值 cqmax cqi 或者 cqb 最大值 macOS Web 推送 macOS Ventura Safari 16 即将推出 Web Push。...它使用与其他浏览器相同 Web 标准:Push API 和 Notifications API 以及 Service Worker。 用户可以通过用户手势(例如单击按钮)来选择接收通知。...然后,系统会提示他们授予你网站或应用发送通知权限。用户能够在通知中心查看和管理通知,并在通知设置中自定义样式并关闭每个网站通知。...Safari 中 Web Push 会使用和 Apple 推送相同通知服务,该服务支持所有 Mac 和 iOS 设备本地推送。...其他 支持通过 CSS overscroll-behavior 属性控制当浏览器滚动条到达边界行为; HTML input 元素支持了 .requestSubmit() 和 showPicker

    1.8K10

    现代浏览器探秘(part2):导航

    每天晚上18:00准时推送。...选项卡会话历史记录将更新,因此后退/前进按钮将可以逐步浏览刚导航到站点。为了便于在关闭选项卡或窗口能够对选项卡/会话进行还原,会话历史记录将被存储在磁盘上。 ?...一旦渲染器进程“完成”渲染,它就会将一个IPC发送回浏览器进程(这发生在所有onload事件触发了页面中所有帧并完成执行之后)。 此时,UI线程会停止选项卡加载指示器。...当你尝试重新导航或关闭选项卡,beforeunload可以创建“要离开这个网站吗?” 警告。...由于选项卡内包含JavaScript代码所有内容都由渲染器进程处理,因此浏览器进程必须在进行新导航请求检查当前渲染器进程。 警告:不要添加无条件beforeunload处理代码。

    2K20

    怎么提高苹果电脑系统运行速度?CleanMyMac X2023

    这将关闭应用程序所有活动窗口以应用更改。你硬盘快满了根据MacWorld magazine进行一项测试,几乎满硬盘比不太满硬盘运行速度慢17%。除此之外,驱动器大文件越多,磁盘运行越慢。...它正在升温,并试图告诉你,你应该选择一些你真正需要应用程序,关闭其余应用程序。关闭占用大量内存应用程序来加速macOS当你Mac由于应用程序过载而运行缓慢,你需要找到导致问题原因。...你想要确定你没有关闭一个你a)需要打开或者b)不知道它是什么应用。禁用来自应用和网站通知现在,几乎每个应用都在试图欺骗我们看到他们通知。...我们对来自网站推送和新闻更新感到恼火,几乎没有人知道如何关闭这种疯狂。这和一个运行缓慢Mac有什么关系?这些通知会蚕食一部分虚拟内存,降低浏览器速度。...如何在Mac停用通知: 打开您系统偏好设置 点击通知和焦点浏览列表并选择一个应用程序。关闭右边菜单中“允许通知”。你硬件是旧我们终于到了硬件部分。

    1.4K30

    Windows 10 1903新特性概览

    MSDN我告诉你也已经有相关镜像了。正好我也安装尝尝鲜,顺便为大家介绍一下1903新特性。大家如果也想尝鲜的话推荐使用VHD方式安装,将来删除时候非常方便。...沙盒里面预装程序也很少,没有任何多余程序,仅有最基本程序。 ? 关闭沙盒后,里面所有的程序和数据都会消失。所以我们可以在其中运行一些有安全风险程序,之后直接关闭沙盒即可。...通知栏快速编辑 现在在通知栏右键点击选择编辑即可快速进行添加、删除和换位操作,方便多了。 ? 任务管理器默认选项卡 现在还可以为任务管理器设置默认选项卡。...原来任务管理器打开之后只能显示进程页,现在如果你喜欢的话,可以让它默认打开性能或者其他选项卡。这也算是一个比较实用功能改进。 ?...以上就是Windows 10 1903一些新特性了,有兴趣同学可以提前在VHD中安装一下尝尝鲜。没时间体验同学也不用着急,1903预计5月份开始推送,离我们是越来越近了,大家耐心等待即可。

    78040

    HTML5 & CSS3初学者指南(3) – HTML5新特性

    就像 cookies,你可以选择将保持数据(维持),即使你已经离开了该网站,关闭浏览器选项卡,退出了浏览器关闭了计算机。...当浏览器窗口关闭,数据将会被删除。会话存储是专门用于同一个用户在不同浏览器中使用相同网站同时进行多个事务情况。...每一个浏览器窗口中事务会获取它们自己会话存储备份,这些会话备份是和其它浏览器窗口中另一个事务不同。当用户关闭浏览器窗口,隶属于这个窗口会话存储数据将会继续存在。...用户通过浏览器主动发起请求,并且等待服务器应答。为了检查某个特定网页是否有更新,用户需要通过点击浏览器更新/重新登录按钮来向服务器发送新请求。...当信息到达,HTML 服务器发送事件(SSE)使得服务器能够将信息发送(推送)到客户端,避免了服务器持续推送需要。这也使得网站在不需要任何第三方插件情况下,能够为客户端提供推送服务。

    2K80

    Flutter学习笔记:BottomNavigationBar实现多个Navigation

    如果我们现在运行应用程序,我们可以看到推送在选择列表项正常工作,并且BottomNavigationBar保持不变。 棒极了!? ?...在标签之间切换似乎不起作用,因为我们总是在Scaffold主体内显示红色页面。 多个Navigator 这是因为我们已经定义了一个新导航器,但这是在所有三个选项卡中共享。...One more thing 如果我们在Android运行应用程序,当我们按下后退按钮,我们会发现一个有趣现象: ?...如果我们再次运行应用程序,我们可以看到按下后退按钮会解除所有推送路线,只有当我们再次按下它我们才会离开应用程序。 ?...1_qQW2iGXiWL2F1tu6cLQfwg.gif 需要注意一点是,当我们在Android推送新路线,会从底部滑入。 相反,惯例是在iOS从右侧滑入。

    4.3K20

    Google图解:输入 URL 按下 “Enter”,Chrome 干了什么?

    查找渲染器进程 完成所有的检查,并且当网络线程确定浏览器会导航到请求站点,网络线程将通知 UI 线程,数据已经准备就绪。然后,UI 线程通知渲染器进程,进行网页渲染。...选项卡历史记录将更新,因此后退/前进按钮将允许操作之前浏览器历史。同时会将历史记录存储在磁盘上,以确保关闭选项卡或窗口后,依然可以浏览历史以及还原窗口。...此时,UI 线程会隐藏选项卡加载进度图标。 这里 “完成” 之所以加引号,因为客户端 JavaScript 仍然可以加载额外资源,并在此之后呈现新视图。...但在此之前,它需要检查当前显示网站是否注册了 beforeunload事件。 当你尝试新导航或关闭选项卡,beforeunload 可以触发显示 “离开这个网站吗?” 这个弹窗,用以提示用户。...选项卡所有内容,包括 JavaScript 代码都是由渲染器进程处理,因此浏览器进程必须在新导航请求发起,检查当前渲染器进程。

    1.9K30

    h5Notification 、web Push介绍

    当它被触发,它将显示在通知窗口顶部。...Web Push 服务后,即使用户关闭浏览器,一旦站点主动发送推送消息,用户都能收到,只要你电脑是开着。...首先,它增加了用户订阅可能性。 二、 一旦用户点阅,只要你打开电脑,就会收到推送通知,没有邮件订阅用户主动去查收邮件问题,大大增加了订阅推送到达率。...Service Worker由于它可以在浏览器页面未打开,浏览器未打开执行,因此一般选择它完成web push最后一步,即响应push事件完成展示通知等业务逻辑。...经实验,如果用户关闭浏览器,在关闭期间如果有Push的话等到用户重新打开浏览器会再弹出来。

    4.5K20

    H5Notification特性 - Web桌面通知功能

    这种方式有个弊端就是:当我在使用京东 进行购物时候,我是不知道人人网有消息推送过来给我,而必须要等我把当前页面切到人人网才知道有消息推送了。...就是当前通知实例,在该实例,我们可以查询该通知配置,监听事件,调用实例方法。...4.4.2 通知配置 在通知实例可以读取到设置通知所有配置,比如: 通知标题:instanceNotification. title、通知内容:instanceNotification. body...我们可以使用通知实例来监听通知事件: onclick: 用户点击通知被触发 onshow: 通知显示时候被触发 onerror: 通知遇到错误时被触发 onclose: 用户关闭通知被触发 注意...chrome浏览器通知设置位置:设置>高级>内容设置>通知>添加或修改 saafari浏览器:偏好设置>网站>通知>找到网站>修改权限/恢复默认 7.3 关闭请求权限 在chorme浏览器中:当用户关闭请求权限弹窗

    2.1K20

    聊聊HTML5中Web Notification桌面通知

    PS:除了IE外,各大现代浏览器都对这个桌面推送有了基本支持。...PS:消息通知只有通过Web服务访问该页面才会生效,如果直接双击打开本地文件,是没有任何效果。也就是说你文件需要使用服务器形式打开,而不是直接使用浏览器打开本地文件。...,当它被触发,它将显示在通知窗口顶部。...因此,需要为新建通知添加一个标记。 如果有一条新通知一条通知具有相同标记,那么这条新通知将会替换上一条通知,最后桌面上只会显示最新通知。...我们可以点击浏览器地址输入框左边叹号就有一个通知选项,我们可以修改授权。或者在通知页面也有修改通知选项,可以根据具体情况进行修改授权通知。 ? ?

    2.3K30

    从构建分布式秒杀系统聊聊WebSocket推送通知

    特点: 异步、事件触发 可以发送文本,图片等流文件 数据格式比较轻量,性能开销小,通信高效 使用ws或者wss协议客户端socket,能够实现真正意义推送功能 缺点: 部分浏览器不支持,浏览器支持程度与方式有区别...websocket链接 监听函数  onopen 当网络连接建立时触发该事件 onerror 当网络发生错误时触发该事件 onclose 当websocket被关闭触发该事件 onmessage 当websocket...接收到服务器发来消息触发事件,也是通信中最重要一个监听事件。...(3) websocket已经关闭了与服务器连接 开源方案 goeasy GoEasy实时Web推送,支持后台推送和前台推送两种:后台推送可以选择Java SDK、 Restful API支持所有开发语言...无论选择哪种方式推送代码都十分简单(10分钟可搞定)。由于它支持websocket 和polling两种连接方式所以兼顾大多数主流浏览器,低版本IE浏览器也是支持

    1.5K20

    现代浏览器探秘(part 1):架构

    每天晚上18:00准时推送 原文:https://developers.google.com/web/updates/2018/09/inside-browser-part1 翻译:疯狂技术宅 CPU...当你关闭程序时,该进程也会消失,操作系统会释放内存。 ? 图5:进程使用内存空间和存储数据示意图 进程可以要求操作系统启动另一个进程来执行不同任务。...当这种情况发生,将为新进程分配不同内存。 如果两个进程需要通信,他们可以通过使用进程间通信(IPC)来实现。...如果一个选项卡没有响应,就可以关闭无响应选项卡并继续运行,同时保持其他选项卡处于活动状态。 如果所有选项卡都在一个进程运行,那么当一个选项卡无响应时,所有选项卡都不会响应。 那将会很难受。 ?...为了节省内存,Chrome限制了它可以启动进程数量,这种限制因设备内存和CPU功率而异,但当Chrome达到限制,它会在一个进程中运行从同个一站点打开多个选项卡

    1K20

    在“小程序”PWA开发WebRTC

    上面所提到Workbox库已经建立了解决这个问题方式,并确保在应用程序更改时重新生成有有效缓存。 推送通知 我也特别想提一提推送通知。...尤其是对于WebRTC应用程序,推送通知是将人们吸引到对话中强大方式,因此我建议你花时间来完善它们。Peter Beverloo已创建了一个用于测试推送通知功能强大工具。我强烈推荐你试一试。...该网站可以让你进行试验并找出哪些功能适用于哪种设备和哪种浏览器。 权限 为了能够将推送通知发送到用户手机上,你首先必须申请权限。在页面打开立即请求推送通知权限通常被认为是不佳形式。...Chrome开发者工具 Chrome开发者工具将是你新起点,它是一款值得学习、功能非常强大工具。“性能”选项卡将显示你应用程序如何实时运行。请定期在你开发者计算机和实际设备查看此信息。...我这里强调Chrome Developer Tools,但绝不是让你在其他浏览器中测试你应用程序。 应用 应用程序选项卡是一个你可以在其中找到制作应用程序部分概述地方。

    1.2K10

    最新Tampermonkey 中文文档解析(附基础案例和高级案例)

    GM_getValue // @grant GM_setClipboard // @grant unsafeWindow // @grant window.close // @grant window.focus 由于关闭和聚焦选项卡是一个强大功能...因此,不同浏览器选项卡脚本可以使用此功能相互通信。...,聚焦意思是直接显示 insert 插入一个新tab在当前tab后面 setParent 在tab关闭后重新聚焦当前tab 另外,新选项卡将被添加。...password 授权用户密码 onabort 请求中断执行回调函数 onerror 请求以错误结束需要执行回调函数 onloadstart 请求开始加载执行回调函数 onprogress...- 一个boolean 是否播放音乐 timeout - 通知显示时间 0表示 一直显示 ondone - 通知关闭 无论是被点击还是超时 执行函数 onclick - 点击通知触发函数

    5.2K11

    全面盘点当前Android后台保活方案真实运行效果(截止2019年前)1、引言2、先总结一下,Android端APP为何要搞保活黑科技?3、相关文章4、常见Android端保活黑科技方案盘点5、汇

    1、引言 对于IM应用和消息推送服务开发者来说,在Android机型后台保活是个相当头疼问题。 老板一句:“为什么微信、QQ能收到消息,而你写APP却不行?”...以消息推送为例,当APP处于后台或关闭,消息推送对于某些应用来说非常有用,比如: 1)IM即时通讯聊天应用:聊天消息通知、音视频聊天呼叫等,典型代表有:微信、QQ、易信、米聊、钉钉、Whatsup、Line...“全在线”能力非常诱人和强大,能随时随地即时地将各种重要信息推送给用户,无疑是非常有意义。...题外话:实际,对于后台消息推送能力,Android原版系统早就内置了系统级推送服务(跟iOSAPNs服务是一个东西),它就是GCM服务(现在升级为FCM了),但众所周之原因,谷哥服务在国内都是用不了...:比如今日头条系、阿里系); 2)降低oom_adj值:常驻通知栏(可通过启动另外一个服务关闭Notification,不对oom_adj值有影响)、使用”1像素“Activity覆盖在getWindow

    1.8K20

    写一个类ChatGPT应用,前后端数据交互有哪几种

    长轮询(Long-Polling) 长轮询可以在浏览器通过 HTTP 启用一种服务器-客户端消息传递方法。该技术通过普通 XHR 请求模拟了服务器推送通信。...长轮询利用此功能,通过设置非常长或无限期超时时间,使请求保持打开状态,即使服务器没有立即响应。 服务器响应:当服务器有要发送内容,它会使用响应关闭连接。...虽然理论使用长轮询也是可能,但并不建议,因为向现有的长轮询连接发送“新”数据实际还是需要额外 HTTP 请求。...这六个连接限制甚至在浏览器选项卡之间共享,因此当我们在多个选项卡中打开相同页面,它们必须彼此共享六个连接池。...因此,我们通常依赖于移动推送通知作为一种高效可靠方法,以将数据从服务器发送到客户端。推送通知允许服务器提醒应用程序有新数据到达,促使执行某个操作或更新,而无需保持持续打开连接。 7.

    13610

    全面盘点当前Android后台保活方案真实运行效果(截止2019年前)

    1、引言 对于IM应用和消息推送服务开发者来说,在Android机型后台保活是个相当头疼问题。 老板一句:“为什么微信、QQ能收到消息,而你写APP却不行?”...以消息推送为例,当APP处于后台或关闭,消息推送对于某些应用来说非常有用,比如: 1)IM即时通讯聊天应用:聊天消息通知、音视频聊天呼叫等,典型代表有:微信、QQ、易信、米聊、钉钉、Whatsup、Line...“全在线”能力非常诱人和强大,能随时随地即时地将各种重要信息推送给用户,无疑是非常有意义。...题外话:实际,对于后台消息推送能力,Android原版系统早就内置了系统级推送服务(跟iOSAPNs服务是一个东西),它就是GCM服务(现在升级为FCM了),但众所周之原因,谷哥服务在国内都是用不了...:比如今日头条系、阿里系); 2)降低oom_adj值:常驻通知栏(可通过启动另外一个服务关闭Notification,不对oom_adj值有影响)、使用”1像素“Activity覆盖在getWindow

    4.3K20
    领券