用戶從其他選項卡返回時重新加載頁面

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';
});

你可以在這里讀到這個：

檢測瀏覽器選項卡是否處於活動狀態或用戶是否已切換