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和谷歌通过将标题从“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

Answer 2

不只是改变document.title？

Answer 3

使用JS改变dinamycally的标题，这已经足够了。

示例：

document.title = 'Alert';

轮询新消息警报/通知

3 个答案: