欢迎您,零度科技专业海外服务器租用
公司电话: 24小时电话: 

当前位置:首页>网站建设教程>javascript教程

目录导航

javascript Page Visibility API

美国西岸机房 发布于 2013-11-28   javascript
javascript教程

什么是javascript Page Visibility

Page Visibility API是判断页面是否在当前窗口展示,比如是Google浏览器可以判断访客当前查看的TAB页面是不是我们的网站。如果是可以做一些特殊的操作。
比如我们使用一个AJAX 调用从后台每隔2s查询一些数据
<!DOCTYPE html>
<html>
<body>
<div id="newswell"></div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>
var newsDiv;
function getData() {
    $.ajax({url:"news.json"}).done(function(data) {
        newsDiv.innerHTML += "<p><b>Posted at " + new Date() + "" + data.message;
        //call it again in 2 seconds
        window.setTimeout(getData, 2000);
    }).fail(function(xhr,status,e) {
        console.dir(e);
    });
}
    
$(document).ready(function() {
    newsDiv = document.querySelector("#newswell");
    getData();
});
</script>
</body>
</html>

如果这个页面不是显示在用户当前可视窗口,比如chrome,不在当前显示的tab页,那么我们可能不需要2s调用,因为那样只会浪费网络请求,查询了数据也没用,用户没有看到。那么我们就可以使用Page Visibility API来判断当前页是否是可视的tab上,如果是我们再去查,不是我们就不查了。Chrome,firefox最新版都支持了,IE也是支持的。

本文出自零度科技转载请注明出处:http://www.ldisp.com/a/javascript/2013/2418.shtml

上一篇:一款强大的js代码压缩混淆工具packer
下一篇:使用Firebug对js进行断点调试的方法-图文教程

 
了解零度?

零度科技主营全球服务器租用,如果您有服务器租用需求请联系

海外服务器租用

推荐香港、美国、韩国。提供站群服务器、高防服务器租用

海外特价服务器

关注零度特价服务器频道,了解全球特价服务器。

0

业务咨询

    技术服务

      特价活动
        全站搜索
        热门搜索:
        会员
        0通知
        客服
        0特价
        搜索
        TOP
        香港高防服务器,远程桌面,韩国服务器,nginx,反向代理