javascript - 轮询新消息警报/通知

Question

我目前正在开发一个网络应用程序，它不断对 php 进行 ajax 调用(轮询)，以从数据库中提取新的“任务”，有点像 gmail/facebook 检查新电子邮件和消息的方式。当前的 JavaScript 代码如下所示:

doPoll();

function doPoll(){
   $.post('ajax/tasks.php').done(function(data){ 
      /* Append Tasks to HTML DOM */ 
   }).always(function(){
      setTimeout(doPoll, 5000); 
   });
}

参见示例:jQuery, simple polling example

我已经让它工作得很好，现在我唯一的问题是我想提醒用户，如果他们位于不同的选项卡中，他们有一个新的“任务”。我知道 facebook 和 google 通过将选项卡标题从“Facebook”更改为“Facebook(2)”之类的内容来做到这一点，表示 2 条新消息。这似乎是常态，因为我已经看到其他网站这样做了 yahoo、trello 等。这足以满足我需要做的事情，我想知道是否有人知道如何做到这一点，特别是仅在用户进入时通知不同的选项卡。我可以保证用户只会在Chrome中使用该应用程序，因此Chrome支持的任何工具都可以。

Answer 1

我总是会更改标题。如果您确实想检查选项卡是否可见，可以使用 html5 页面可见性。 https://developer.mozilla.org/en-US/docs/Web/Guide/User_experience/Using_the_Page_Visibility_API