- 时间:2022-10-27 00:32 编辑: 来源: 阅读:299
- 扫一扫,手机访问
摘要:不同浏览器中H5通知的行为
《导航网站源码》
参见:https://notifications.spec.whatwg.org/#示例-08e 8 eehttps://developer . Mozilla . org/en-us/docs/web/API/notification。尽量参考英文。中文翻译有些不完整或不准确。 最近发现我的Google浏览器(85.0.4183.83)用了Notifications,但是和以前不太一样,就是触发不了onclick事件!!!代码如下:<!DOCTYPE html & gt& lthtml lang = " en " & gt& lthead & gt& ltmeta charset="UTF-8 " >& ltmeta name = " viewport " content = " width =设备宽度,initial-scale=1.0 " >& lttitle & gt文档& lt/title & gt;& lt/head & gt;& ltbody & gt& ltbutton id = " button " & gt测试通知 Google浏览器(85.0.4183.83) Google浏览器一直无法触发onclick事件,只能触发onshow事件,而触发onclose的事件需要很长时间点击(消息提醒出现后点击),如图:Google浏览器Edge(Microsoft Edge 44 . 18362 . 449 . 0)Edge浏览器可以触发onshow、onclick、onclose事件。 点击右上角的符号将触发onclose事件消息自动关闭。 如图:Edge浏览器Firefox(78.0.2 (64位))Firefox浏览器可以触发onshow、onclick、onclose事件。点击消息内容会触发onclick、onclose事件,消息会自动关闭。 点击右上角的符号,会触发onclose事件消息自动关闭。 如图:火狐浏览器双核浏览器火狐浏览器可以触发onshow、onclick、onclose事件,但是当你点击消息内容时,消息不会自动关闭。您需要手动添加关闭方法,否则,当您单击消息时,消息框将永远不会关闭。代码如下:n . onclick = function(event){ console . log(` onclick,time: $ {newdate()。toiso string()} `);n . close();};添加关闭方法后,行为与Firefox浏览器相同。 双核浏览器那么问题来了。Google浏览器不支持通知的onclick回调?Onclose回调时间也不正常。 是我下载的浏览器有问题还是谷歌真的做了这样的改动?我不知道。希望有大佬能给点建议。...