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

【通过HTML5 Visibility API检测页面活动状态】的更多相关文章

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

几年前,我们浏览网页的时候是没有选项卡浏览模式的,每一个网页都会是一个浏览器窗口,如果我没有记错,Win7之前我们都是这样浏览网页的.作为一个程序员,我们经常会同时打开10-15个网页,多的时候超过20个也不足为奇. 为什么要使用这个API? 早期我们没有办法确定哪些选项卡是活动状态的,但是现在通过HTML Visibility API,我们可以检测访客是否正在浏览我们的界面. 在这个教程中我们会介绍如何使用HTML5 Visibility API,同时我们也为你准备了一个简单的demo来查看页…

妙趣横生的HTML5 Page Visibility API

起因最近浏览36kr 的网页的时候偶然发现一个有趣的情况:当浏览器Tab 处于非当前页的时候,36kr 的标题栏会自动换成可爱的大白字符形象.Jeff 在第一次看到的时候就知道这种效果是通过HTML5 的Page Visibility API 实现的(不是吹牛). 直到现在我还没去查看36kr 的源代码看其是如何实现的(也不打算去一个个查看它繁杂的js 文件了),HTML5 的Page Visibility API 以前看过,看到36kr 实现了这个的时候一时兴起,遂去查看文档深入了解之.然后…

另5个你不知道的HTML5接口API

原文地址: 5 More HTML5 APIs You Didn’t Know Existed 演示地址: 全屏API Demo 原文日期: 2012年11月08日翻译日期: 2013年08月13日 HTML5 已经给我们提供了许多好用的JavaScript以及HTML API.其中一些是我们期待了许多年的,而另外一些是为移动和桌面开发者准备的.不管这些API出于什么目的而推出,只要能帮我们更好地完成工作就是“好猫”. 前几天我发表了一篇名为: 5个你不知道的HTML5的接口的博文,希望能帮您…

HTML5 程序设计 - 使用HTML5 Canvas API

请你跟着本篇示例代码实现每个示例,30分钟后,你会高喊:“HTML5 Canvas?!在哥面前,那都不是事儿!” 呵呵.不要被滚动条吓到,很多都是代码和图片.我没有分开写,不过上面给大家提供了目录,方便查看. 学习笔记,纯手工码字,有错别字什么的请指出,觉得好的请点个赞小小的支持下.谢谢亲们. 本篇,我们将探索如何使用HTML5和Canvas API.Canvas API很酷,可以通过它来动态生成和展示图形.图表.图像以及动画. 本篇将使用渲染API(Rendering API)的基本功能来创建…

html5 drag api详解

可以夸张点说,如果你不会拖拽,你不是一个合格的前端开发. 回想下,以前我们是怎么实现拖拽的,主要有以下几步: 1.目标元素绑定mousedown事件,记录下此时鼠标位置和拖拽元素的位置差,分别是 diffX ,diffY 2.在mousedown中绑定 document的mousemove 以及mouseup 3.在mousemove中计算拖拽元素的位置: x = event.clientX - diffX ,y = event.clientY - diffY 4.mouseup时中销毁绑定的…

HTML5 Storage API

原文:HTML5 Storage API Web Storage是HTML5引入的一个非常重要的功能,可以在客户端本地存储数据,类似HTML4的cookie,但可实现功能要比cookie强大的多. 在Web Storage出现之前,远程的Web服务器需要存储客户端和服务器间交互使用的所有相关数据.cookie是一个在服务器和客户端间来回传送文本值的内置机制.服务器可以基于其放在cookie中的数据在不同web页面间跟踪用户的信息.用户每次访问某个域是,cookie数据都会被来回传送. 尽管coo…

HTML5常用API

.Fullscreen 该API允许开发者以编程方式将Web应用程序全屏运行,使Web应用程序更像本地应用程序. .Page Visibility 该API可以用来检测页面对于用户的可见性,即返回用户当前浏览的页面或标签的状态变化. .getUserMedia 该API允许Web应用程序访问摄像头和麦克风,而无需使用插件. .Battery 这是一个针对移动设备应用程序的API,主要用于检测设备电池信息. .Link Prefetching 预加载网页内容,为浏览者提供一个平滑的浏览体验. .F…