网页切出当前标签页时更改标题状态

简介: 网页切出当前标签页时更改标题状态

今天看到好几个网站切换页面的时候更改了一下网页标签,当切换回去的时候又变成了原来的标签,后面查了一下原来是一个叫visibilityState的js事件

浏览器里当用户切入或切出当前标签页时,会触发visibilitychange事件(IE10以下浏览器不兼容)。

这个事件能很好的解决页面在不可见的情况下,通过状态判断针对性减少网络请求、服务器压力等。

废话不多说,直接上js

document.addEventListener('visibilitychange', function () {
    if (document.visibilityState == 'hidden') {
        normal_title = document.title;
        document.title = '这里填写你要的填写的东西';
    } else document.title = normal_title;
});
相关文章
|
JavaScript 前端开发 API
几行代码搞定网页全屏自定义内容
screenfull 是用于跨浏览器使用 JavaScript Fullscreen api 的简单包装器,可让您将页面或任何元素全屏显示 。
|
小程序 前端开发 JavaScript
微信小程序分类菜单激活状态跟随列表滚动自动切换
微信小程序分类菜单激活状态跟随列表滚动自动切换
164 0
微信小程序分类菜单激活状态跟随列表滚动自动切换
|
安全 Java 数据库
页面控制菜单的显示或隐藏|学习笔记
快速学习页面控制菜单的显示或隐藏
页面控制菜单的显示或隐藏|学习笔记
标签页+标签编辑页
标签页+标签编辑页
103 0
|
前端开发 JavaScript
制作四个选项卡页 Tab,用户可以通过切换不同的 Tab 页查看不同类别的新闻信息,每个 Tab 有对应的内容版块,点击某个选项卡时,显示对应的内容版块,隐藏其他内容版块,并且为了突出当前的选项卡,还
制作四个选项卡页 Tab,用户可以通过切换不同的 Tab 页查看不同类别的新闻信息,每个 Tab 有对应的内容版块,点击某个选项卡时,显示对应的内容版块,隐藏其他内容版块,并且为了突出当前的选项卡,还
270 0
制作四个选项卡页 Tab,用户可以通过切换不同的 Tab 页查看不同类别的新闻信息,每个 Tab 有对应的内容版块,点击某个选项卡时,显示对应的内容版块,隐藏其他内容版块,并且为了突出当前的选项卡,还
tab栏切换制作(点击那一栏显示那一栏的内容,其他栏的内容隐藏)
tab栏切换制作(点击那一栏显示那一栏的内容,其他栏的内容隐藏)
tab栏切换制作(点击那一栏显示那一栏的内容,其他栏的内容隐藏)
|
JavaScript
网页切出当前标签页时更改标题状态
网页切出当前标签页时更改标题状态
97 0
|
存储
PyQt5 技巧篇-复选框绑定行内容,全选、清空、展示选中的内容功能实现演示,设置复选框选中,检查复选框选中状态
PyQt5 技巧篇-复选框绑定行内容,全选、清空、展示选中的内容功能实现演示,设置复选框选中,检查复选框选中状态
473 0
PyQt5 技巧篇-复选框绑定行内容,全选、清空、展示选中的内容功能实现演示,设置复选框选中,检查复选框选中状态
|
搜索推荐 算法
网页标题设置,为什么在SERP中,显示结果不一致?
在网站建设与运营的过程中,我们经常会遇到各种各样的问题,特别是关于网页标题设置的问题,如果一个页面标题出错,那么,你整个页面建设的过程,就完全是事倍功半,得不偿失。 那么,网页标题设置,为什么在SERP中,显示结果不一致? 根据以往标题优化的经验,我们认为,产生这个问题的原因,主要有如下三方面: 1、标题配置错误 所谓的标题配置错误,不见得就是你在自身网站web页面中显示的标题配置错误,而是在相对应网页模板中title标签配置错误,基于这个原因,通常,搜索引擎都会识别<title></title>标签中的标题,而非是站内显示的标题。
1487 0