Ane*_*fi3 4 html meta page-refresh
目前在我的页面中,我使用它每分钟刷新页面:
<head>
...
<meta http-equiv="refresh" content="60" />
...
</head>
Run Code Online (Sandbox Code Playgroud)
相反,我想在用户按下选项卡时刷新页面。假设用户在网络浏览器中打开了多个选项卡。他用了几分钟时间在另一个选项卡上冲浪。然后,当他按下我的网站的选项卡时,我希望页面自动刷新,这样用户就不必自己检查页面上的任何更新。我怎样才能做到这一点?
小智 7
你应该使用js和可见性API:
在您的 html 页面中包含这个小脚本:
<script>
document.addEventListener("visibilitychange", function() {
if (document.hidden){
console.log("Browser tab is hidden")
} else {
console.log("Browser tab is visible")
location.reload();
}
});
</script>
Run Code Online (Sandbox Code Playgroud)
改编自此处: 用户切换浏览器选项卡时的事件