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

Question

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

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

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

Answer 1

那你只创建一个 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);
}