当用户在选项卡之间切换或用户返回选项卡或浏览器时如何刷新网页

Question

每次用户在页面上恢复时，我都需要刷新网页刷新。实际上，当用户打开我的网站时，所有数据都会被检索并显示给用户。当用户离开浏览器或切换标签时，数据保持不变，因此当用户返回我的标签或重新打开浏览器时，我想重新加载或刷新页面。所以用户每次都能得到更新的数据。

所有的方法我都试过了

Answer 1

也许你想查看 websocket 以显示 ui 的实时数据。但是由于您询问当用户返回选项卡时如何刷新页面，这可能有助于使用 visibilitychange 事件

举个例子：

window.addEventListener('visibilitychange', () =>{
    if (document.visibilityState === 'visible') window.location.reload();
    else console.log('user leaves the page')
})

该事件将在用户离开并进入页面时触发，因此如果您愿意，可以使用 if 条件来执行您自己的代码。