Question

当用户导航到另一个浏览器标签页时，我想更改我的favicon和浏览器标签文字。有谁知道一个简单的方法吗？

Answer 1

使用window.onblur事件更改document.title和favicon。在某些浏览器中更改favicon会很棘手。有关详细信息，请参阅stackoverflow.com/questions/260857/changing-website-favicon-dynamically/260876#260876。

window.onblur=function(){
    //change favicon
    document.title="bye";
}
window.onfocus=function(){
    document.title="hello";
}

Answer 2

实现这一目标的最简单方法是使用javascript来检测选项卡是否处于活动状态：

从<head></head>

中的下一行开始

<link rel="shortcut icon" id="changingFavicon" type="image/png" href="/favicon.png"/>

使用上面链接的javascript示例来检查选项卡是否不再处于活动状态，将href更改为新的目录位置，就像使用jquery一样。

$("#changingFavicon").attr("href", "http://newlocation.com/favicon.png");