h5 的Notification无法同时弹出多条信息

比如我要做一个聊天工具,当新消息进来时,window右下角提示通知,但是我发现,不能同时弹出多条通知,每次都是上一条通知消失后,才提示下一条通知,代码如下

if (Notification.permission == "granted") {

  for (var i = 0; i < 10; i++) {
    // 最后只看到内容为 "Hi! 9" 的通知
    var n = new Notification("Hi! " + i);
  }
}

那你只创建一个 Notification就行了。你用的是哪个ui库,看看api有没有传字符串html的方法

if (Notification.permission == "granted") {
   let str="";
  for (var i = 0; i < 10; i++) {
    // 最后只看到内容为 "Hi! 9" 的通知
    str+="HI!"+i
  }
  var n = new Notification(str);
}