HTML5中分辨客户是不是正在访问网页页面的方式

日期:2020-10-12 类型:科技新闻 

关键词:ps网页版在线制作,静态网页制作方法,微云网页版,怎么制作一个网页,django网页模板

如今,HTML5里网页页面可见性插口就出示给了程序流程员1个方式,让她们应用visibilitychange网页页面恶性事件来分辨当今网页页面可见性的情况,并对于性的实行一些每日任务。另外也有新的document.hidden特性可使用。

document.hidden

这个新出現的document.hidden特性,它显示信息网页页面是不是为客户当今收看的网页页面,值为ture或false。

document.visibilityState

visibilityState的值要末是visible (说明网页页面为访问器当今激活tab,并且对话框并不是最少化情况),要末是hidden (网页页面并不是当今激活tab网页页面,或对话框最少化了。),或prerender (网页页面在再次转化成,对客户不能见。).

visibilitychange恶性事件

监视网页页面可见性转变十分非常容易:

拷贝编码
编码以下:

// 各种各样访问器适配
var hidden, state, visibilityChange;
if (typeof document.hidden !== "undefined") {
hidden = "hidden";
visibilityChange = "visibilitychange";
state = "visibilityState";
} else if (typeof document.mozHidden !== "undefined") {
hidden = "mozHidden";
visibilityChange = "mozvisibilitychange";
state = "mozVisibilityState";
} else if (typeof document.msHidden !== "undefined") {
hidden = "msHidden";
visibilityChange = "msvisibilitychange";
state = "msVisibilityState";
} else if (typeof document.webkitHidden !== "undefined") {
hidden = "webkitHidden";
visibilityChange = "webkitvisibilitychange";
state = "webkitVisibilityState";
}</p> <p>// 加上监视器,在title里显示信息情况转变
document.addEventListener(visibilityChange, function() {
document.title = document[state];
}, false);</p> <p>// 原始化
document.title = document[state];

上面的编码会在网页页面可见性产生转变时改动document.title的值!

那末,何时必须应用visibilitychange恶性事件呢?例如,假如你的网页页面上有嵌入视頻正在播发,当客户切换到其它标识页时,你的标识页上的视頻应全自动中止播发,当客户切换成来时再次接着播发。再例如,假如你的网页页面有全自动更新姿势,当客户切换到其它标识页时,你就应当终止更新,而当客户切换成来时再次以前的姿势。