html - 活动选项卡时刷新页面
问题描述
目前在我的页面中,我每分钟使用它来刷新页面:
<head>
...
<meta http-equiv="refresh" content="60" />
...
</head>
相反,我想在用户按下选项卡时刷新页面。假设用户在 Web 浏览器中打开了多个选项卡。他用了几分钟在另一个标签上冲浪。然后当他按下我网站的选项卡时,我希望页面自动刷新,因此用户不必自己检查页面上的任何更新。我怎样才能做到这一点?
解决方案
你应该使用 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>
改编自此处: 用户切换浏览器选项卡时的事件
推荐阅读
- c++ - 太多初始化值错误
- java - 如何在 JTable 行上添加 JComboBox 并在同一列中使用不同的组合框项集?
- html - Position Absolute 内部位置绝对定位
- google-sheets - 是否可以使用脚本在 Google Sheet 上的多个工作表中启用编辑?
- reactjs - 为什么如果我尝试使用未注册电子邮件的 google 按钮进入 firebase 登录时,它是否允许我进入私人路线?
- docker - 带有 nginx 的 Docker 容器在启动后立即以 127 退出
- angular - 当 Angular 中的数组为空时,我如何消失垫卡?
- python - Etsy API - ValueError:无法将来自 Etsy 的响应解码为 JSON
- r - 绘制地图并通过循环添加点而不重新加载地图
- python - 使用新值/行更新 Parquet 分区文件