码迷,mamicode.com
首页 > Windows程序 > 详细

通过HTML5 Visibility API检测页面活动状态

时间:2014-09-16 14:08:30      阅读:202      评论:0      收藏:0      [点我收藏+]

标签:style   http   使用   ar   strong   sp   on   c   html   

bubuko.com,布布扣

几年前,我们浏览网页的时候是没有选项卡浏览模式的,每一个网页都会是一个浏览器窗口,如果我没有记错,Win7之前我们都是这样浏览网页的。作为一个程序员,我们经常会同时打开10-15个网页,多的时候超过20个也不足为奇。

为什么要使用这个API?

早期我们没有办法确定哪些选项卡是活动状态的,但是现在通过HTML Visibility API,我们可以检测访客是否正在浏览我们的界面。

在这个教程中我们会介绍如何使用HTML5 Visibility API,同时我们也为你准备了一个简单的demo来查看页面的状态。在demo中,我们将会根据页面的状态来修改文档的标题。

查看页面的状态

随着这个API的出现,我们又迎来了两个新的document属性,他们分别是document.visibilityState和document.hidden。

document.visibilityState 有四个可选值:

  • hidden: 页面在任何屏幕上都没有被浏览。

  • prerender: 页面在选项卡中,但访客现在没有在这个选项卡上。

  • visible: 访客正在浏览。

  • unloaded: 页面已经被加载过了,现在跳转在其它界面上了。

document.hidden是一个布尔类型的属性。

现在我们可以根据页面状态来控制我们的网站了。

现在我们可以马上知道我们页面的availability属性了。但是首先我们要做的是监听这个事件,这样一来我们就可以做出相应的事情。我已经写好了一个简单的监听事件:

......

......

阅读原文:通过HTML5 Visibility API检测页面活动状态

通过HTML5 Visibility API检测页面活动状态

标签:style   http   使用   ar   strong   sp   on   c   html   

原文地址:http://www.cnblogs.com/gbin1/p/3974755.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!