notificationclick 事件服务工作者

2023-12-05


我正在与服务人员合作在我的用户之间显示通知。在我的代码中我包括notificationclick事件。通过这次活动,我试图处理两个案例。第一种情况,如果在我的浏览器中打开了我的网站页面,请不要打开它,而是关注它。第二种情况,如果我的浏览器没有显示我的网站,请打开它并关注它。但我还没有成功...

这是我当前的代码:

self.addEventListener('notificationclick', function (e) {
    console.log('notification was clicked')
    var notification = e.notification;
    var action = e.action;

    if (action === 'close') {
        notification.close();
    } else {
        // This looks to see if the current is already open and
        // focuses if it is
        e.waitUntil(
            self.clients.matchAll().then(function(clientList) {
                console.log(clientList)
                if (clientList.length > 0) {
                    console.log(clientList[0])
                    return clientList[0].focus();
                }
                return self.clients.openWindow('/');
            })
       );
   };
});

self.addEventListener("notificationclick", (event) => {
    event.waitUntil(async function () {
        const allClients = await clients.matchAll({
            includeUncontrolled: true
        });
        let chatClient;
        let appUrl = 'xyz';
        for (const client of allClients) {
        //here appUrl is the application url, we are checking it application tab is open
            if(client['url'].indexOf(appUrl) >= 0) 
            {
                client.focus();
                chatClient = client;
                break;
            }
        }
        if (!chatClient) {
            chatClient = await clients.openWindow(appUrl);
        }
    }());
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

notificationclick 事件服务工作者 的相关文章

  • 声明为对象文字与函数的剔除视图模型之间的区别

    在knockout js中 我看到视图模型声明为 var viewModel firstname ko observable Bob ko applyBindings viewModel or var viewModel function
  • 检测单选按钮/复选框状态的变化

    我需要可靠地检测页面上单选按钮 复选框的状态变化 以便查看表单是否被修改 现在 这是一个完全独立的脚本 我无法修改任何控制表单的内容 目前 我只能看到两种方法 onchange事件处理程序 有助于处理文本框 文本区域和选择 但不会针对复选框
  • 将 Regex 对象分配给 html 输入模式

    我需要以编程方式将正则表达式对象分配给输入元素模式属性 以下是我当前的实现 var regex d 5 element attr pattern regex toString slice 1 1 有没有更好的方法来做到这一点而不需要字符串操
  • 在 Node.js 中生成带条形码的 pdf

    我在用https github com devongovett pdfkit https github com devongovett pdfkit生成 PDF 文件 我可以简单地使用类似的方法 app get get pdf req re
  • 在节点环境中存根 jQuery.ajax (jQuery 2.x)

    我正在尝试运行一些需要存根的测试jQuery ajax 我正在使用 SinonJS 来做到这一点 它曾经与旧版本的 jQuery 1 x 一起工作得很好 var require jquery var sinon require sinon
  • 有没有办法动态更改 jqGrid 的单元格值?

    这个问题可能已经被问过很多次了 但我想知道是否可以动态更改 jqgrid 的单元格值 我基本上有一个网格 它通过 JSON 字符串加载数据 在特定列的某些行上 该值可能为 null 因此 预先知道哪个行 ID 是一个问题 然后能够将 nul
  • Javascript 对象属性名称

    在 C 中 可以将对象属性的名称作为字符串值获取 名称 对象 Property gt myProperty 这可以在 Javascript Typescript 中完成吗 Object Keys 是我找到的唯一东西 但它给了我所有的键 示例
  • 从选择 onChange 调用 javascript 函数 [重复]

    这个问题在这里已经有答案了 所以我有一个简单的 HTML 选择框和一个 javascript 警报功能 我希望选择框有一个 onchange 事件来调用 javascript 警报函数 这是我到目前为止所拥有的 HTML div Type
  • 更新存储在 chrome 扩展本地存储中的对象

    我正在开发一个 chrome 扩展 我将存储服务器发送的对象 例如 我将收到 命令 id 1 类型 A 大小 B 优先级 C 如果我有一个数据库 我会将其作为表中的一行插入commands 使用 chrome storage 我将这些对象的
  • Javascript 作为对象键的函数与块中标记函数之间的语法冲突

    假设您有一个支持两者的浏览器带标签的函数声明 https developer mozilla org en US docs Web JavaScript Reference Statements label Labeled function
  • 如何将一个数组中的所有项目复制到另一个数组中?

    如何将数组的每个元素 其中元素是对象 复制到另一个数组中 以便它们完全独立 我不想更改一个数组中的元素来影响另一个数组 这里的关键是 数组中的条目是对象 并且 您不希望对一个数组中的对象的修改显示在另一个数组中 这意味着我们不仅需要将对象复
  • 正则表达式中连字符的这种用法有效吗?

    NB I only想知道它是否是正则表达式定义中未转义连字符的有效应用 它是not关于匹配电子邮件 连字符或反斜杠的含义 量词或其他任何内容的问题 另外 请注意 链接的答案并没有真正讨论转义 未转义连字符之间的有效性问题 通常我会像这样声明
  • websockets 如何处理同一浏览器的两个选项卡

    I have 1 个 PHP 服务器 提供 http 请求 和 1 node js 发布更新的数据消息 每个连接都带有 websocket php 服务器设置其 cookie 在一个浏览器中 此 cookie 可在所有选项卡中使用 当浏览器
  • .points 不透明度/大小在三个.js 内

    我回来回答有关 points 的第二个问题 这次想知道如何将不透明度从 0 更改为 1 然后又回到距发射器的特定像素距离内 var particleCount 14 particles new THREE Geometry pMateria
  • Chrome --app 相当于 Firefox\IE

    我有一个网络应用程序 客户要求单击不同按钮时更改浏览器窗口大小 我发现在那link https stackoverflow com questions 13436855 launch google chrome from the comma
  • 可以禁用幻灯片的触摸模拟但不能禁用滚动条(危险的滑动器)吗?

    我的页面上有一个危险的滑动器 它成功地模拟了幻灯片和随附滚动条上的触摸事件 允许单击鼠标并移动以向左或向右滑动幻灯片 这很好 但我现在在滑动器内的幻灯片上调用了可拖动 这意味着我需要停止此触摸模拟 拖动幻灯片并同时移动它们会引起混乱 但仅限
  • 如何从 html 页面 [javascript] 调用 Web 服务方法而不刷新页面

    我有一个webservice这将返回一个值 我的要求是 我需要调用它webservice从一个index html页面 该页面有一个 html 提交按钮 在该按钮上单击我正在呼叫JavaScript 从那里我想调用网络方法 我怎样才能做到这
  • 如何在React中动态分配属性?

    这是一个有两个参数的函数 我要创建的标签的名称 具有以下属性的对象 Using React 我创建一个组件并将该元素渲染到 DOM 问题是我想向元素添加属性 但它不允许循环在元素内设置属性 var Element function elem
  • React Redux - 在辅助函数中访问现有存储

    我试图在反应组件之外获取存储实例 存储状态 即在单独的辅助函数中 我有我的减速器 我的动作 我在最上面的组件中创建了一个商店 configStore js import createStore from redux import gener
  • Vue - 调度完成后调用 store getter?

    我正在使用 Laravel 5 7 Vue2 Vuex 我在调度调用完成后让 Vue 返回存储值时遇到一些困难 我的申请流程如下 我单击一个提交按钮 该按钮调用组件上的 validate Validate 分派到我的 addLease 操作

随机推荐

  • jquery validate:为错误消息添加淡入/淡出效果

    我想为 jquery 验证上显示的错误消息添加淡入 淡出效果 有什么方法可以做到这一点 我可以在它们上使用 div 并单独处理它们吗 插件有这个效果吗 我使用此代码来放置错误消息 我需要它来正确放置 commentForm2 validat
  • NestJS TypeORM 模拟存储库的数据源

    我正在尝试模拟一个存储库 我不想进行实际的数据库调用 我 认为我 正在关注 NestJS 的文档以及某些 stackoverflow 项目 但是 当我运行测试时 出现以下错误 JwtStrategy validate throws an u
  • Java 7 支持的 JavaFx 应用程序未在 Mojave 上运行

    我的申请支持 Jdk1 7 0 76 JavaFx2 2 76 b13 Netbeans IDE Ant 用于构建和创建安装程序 在 Windows 和 Mac 上受支持 它一直成功运行到 High Sierra 当我尝试跑步时 app莫哈
  • 获取数据然后渲染到dom React

    您好 我正在从 api 获取数据 我想获取数据并将其渲染到 dom 但出现错误 Uncaught TypeError Cannot read property map of undefined at Topicselect render 这
  • CUDA 内核中的 2D 图像索引错误

    我正在使用 CUDA 对图像进行线性过滤 我使用 2D 线程块和 2D 网格来使问题变得自然 这是我的索引方式 height and width是图像尺寸 dim3 BlockDim 16 16 dim3 GridDim GridDim x
  • 以编程方式检测 iPhone 上是否安装了应用程序

    我处于这种情况 我必须在 iPhone 应用程序中显示一个按钮 其中显示 打开 myApp 如果设备上安装了 myApp 或 下载 myApp 如果设备上未安装 myApp 为此 我需要检测设备上是否安装了应用程序 具有已知的自定义 URL
  • jqgrid:添加表单需要但编辑表单不需要的字段?

    用户有密码 添加用户时需要密码 但在编辑操作时不需要密码 但可以更改 用jqgrid可以做到这一点吗 您可以更改的值required的财产编辑规则代替beforeShowForm see here 您可以使用设置列属性例如这样做 例如设置r
  • Javafx 2.0 中的自定义标题栏?

    有没有关于如何在 javafx 2 0 中创建自定义标题栏的教程 我正在创建一个桌面 GUI 应用程序 希望有一个黑色渐变标题栏 其中包含用于最小化和关闭的自定义按钮 Here是 WPF 的教程 我正在寻找类似于 javafx 的东西 隐藏
  • Powershell DSC:带有参数的复合资源不起作用

    我正在开发 DSC 复合资源 但我似乎无法让它工作 我的代码 E Dev DSCResources run ps1 Import Module Test Force Configuration Run Import DscResource
  • Ionic 4 中的冲突组件:IonCard 和 SwingCardComponent

    我正在关注本教程 并且我在 Ionic3 和 4 之间的差异方面面临一些困难 我正在使用 Ionic4 当我这样做时ionic serve一切都编译成功 但是当我转到网络浏览器时 控制台中出现以下错误 Uncaught Error Temp
  • 没有数据库的 ASP.NET MVC 角色(并且没有角色提供程序)

    我有一个超级简单的 ASP NET MVC 应用程序 它使用 RpxNow OpenID 来允许用户登录 我现在想让用户编辑自己的帐户 并提供管理员访问权限来编辑任何人的帐户 我有两个单独的 编辑帐户 视图 帐户 编辑 帐户 编辑 1 第一
  • 无法在 Windows 7 本地运行 Meteor 应用程序

    我在从命令提示符行运行我的应用程序时遇到问题 我不习惯从终端运行应用程序等 我将向您展示我在下面得到的内容 C Windows system32 gt meteor create newapp newapp created To run y
  • Bean 验证不起作用 Spring Data Neo4j

    我正在使用带有嵌入式 Neo4j 的 SDN 我必须使用 bean validate 但它不起作用 null 毫无例外地保存在数据库中 依赖性是 dependencies specify dependencies here under ei
  • 如何根据普通 JavaScript 中的输入名称创建表单输入值的嵌套对象 (JSON)?

    假设表格如下所示
  • 图像处理 - 旋转扫描文档以对齐文本

    我有一个 OCR C 项目 其中包含包含文本的扫描文档 我需要返回文档中的文本 我已经有了解析文本的解决方案 但是我们陷入了扫描文档旋转的部分 向右或向左 假设图像中没有噪声 所有像素都是白色或黑色 任何人都可以帮助我们使用一种算法在运行时
  • MVC中Ajax.BeginForm刷新整个页面

    我一直在尝试向我的 mvc 站点添加一些 Ajax 功能 但是 我遇到了有关页面刷新的问题 我在主页侧边栏上创建了一个 RSS 视图 它允许用户使用下拉列表选择他们想要查看的 RSS 提要 最初我在 mvc 中使用 html begin 表
  • WSO2 ESB 未知错误代码 102511

    我最近升级了WSO2 ESB到版本 4 7Windows Server 2008 R2在简单地将 SOAP 请求代理到端点时遇到了下一个错误 当处理程序处于不一致状态时接收响应REQUEST HEAD ERROR CODE 102511 E
  • 使用 IntelliJ 内部控制台的 Kotlin readLine() 函数出现问题

    当我尝试从用户那里读取一些值时 我会得到奇怪的行为 例如 如果我有一个简单的程序 fun main print insert value val tmp readLine println value tmp 我期望该程序的下一个行为 ins
  • 可以根据 URL 路径解析 DNS

    我的理解是 与单独的子域 例如不同书籍类型的子站点 相比 将两个相关站点放在同一域下有一定的优势 我能想到的两个是使用相同的 SSL 证书和 SEO 排名 我希望同一域有不同的路径解析到不同的 IP 地址 例如example com a t
  • notificationclick 事件服务工作者

    我正在与服务人员合作在我的用户之间显示通知 在我的代码中我包括notificationclick事件 通过这次活动 我试图处理两个案例 第一种情况 如果在我的浏览器中打开了我的网站页面 请不要打开它 而是关注它 第二种情况 如果我的浏览器没