页面切换及最小化的检测

现在有个比较诡异的需求，即（页面切换） 意思是 比如页面最小化，切换到另一个tab 等等 这可以用document.webkitHidden来拿到 http://www.w3.org/TR/2011/WD-page-visibility-20110602/ （以下来自教主frank博客）  注意: 此API只针对顶级页面. 即，加入一个隐藏的iframe,也总是被当做可见的. 即其document.hidden 总是false. 其visibilityState 总是‘visible’. 一般hidden为true的状态, * The User Agent is minimized.(最小化) * The User Agent is not minimized, but the page is on a background tab.(处于背景中的标签页.个人认为也应该包括被其他独立页面完全遮盖的页面) * The Operating System lock screen is shown. (操作系统锁屏) * The User Agent is minimized and a preview is shown.(最小化,但页面被预览显示) hidden为false的状态 * The User Agent is not minimized and the page is on a foreground tab.(没最小化,且为前景标签页,个人认为凡是页面可见的都算.) * The User Agent is fully obscured by an Accessibility Tool, like a magnifier, but a view of the page is shown.(虽然页面被某些可访问性工具完全遮盖.但是页面内容仍然可见的情况,比如放大镜工具完全遮盖住页面.但是内容可见.) 可以结合window.focus来做 还有就是 这个也有事件支持 document.addEventListener(“visibilitychange”, fn …不过需要加前缀 做个试验 [crayon-50361f9fb31a3/] 可以看到 当窗口最小化 切换tab的时候，返回true. 之后教主给了段更给力的代码，收藏在此   [crayon-50361f9fb3589/]   »本文地址:http://99jty.com/?p=672 »订阅本站:http://winysky.com/feed/»当你从RSS阅览器里看到这篇文章时，还没有评论，还不赶紧过来抢沙发？

转载于:https://www.cnblogs.com/99f2e/archive/2012/07/11/2653082.html