用户从其他选项卡返回时重新加载页面

Question

我在某种重要的最新网站上工作.为此,当用户从另一个选项卡切换到带有网站的选项卡时,我需要刷新页面.

有没有办法用JavaScript/jQuery做到这一点？我知道这location.reload();用于刷新页面,但是我不知道如何在选项卡再次激活(并且只有一次)时告诉JavaScript执行此操作.

Answer 1

你可以用这个:

var vis = (function(){
var stateKey, eventKey, keys = {
    hidden: "visibilitychange",
    webkitHidden: "webkitvisibilitychange",
    mozHidden: "mozvisibilitychange",
    msHidden: "msvisibilitychange"
};
for (stateKey in keys) {
    if (stateKey in document) {
        eventKey = keys[stateKey];
        break;
    }
}
return function(c) {
    if (c) document.addEventListener(eventKey, c);
    return !document[stateKey];
}
})();

用法:

var visible = vis(); // gives current state

vis(aFunction);      // registers a handler for visibility changes`

vis(function(){
    document.title = vis() ? 'Visible' : 'Not visible';
});

你可以在这里读到这个:

检测浏览器选项卡是否处于活动状态或用户是否已切换