首页 > Web开发 > 详细

如何测试Ajax动态分页列表的最大可翻页数?

时间:2015-09-25 13:24:36      阅读:240      评论:0      收藏:0      [点我收藏+]

原文作者:西安鲲之鹏

原文链接:http://www.site-digger.com/html/articles/20150718/94.html

现在使用Ajax技术的网站越来越多,一个常见的应用就是动态分页:当列表页面滚动底部时,下一页的内容被动态加载(e.g. Facebook、Twitter、 Pinterest)。

和常规的分页方式相比,动态分页往往隐藏了数据总条数和页面总数,这样就增加了我们对采集成本和周期的评估的难度。

鲲鹏数据的技术人员给出了下面这段JS代码,可以帮助我们测试出列表的总页数。可以在Chrome的调试工具(F12)或者火狐的Firebug控制台内执行,效果是每隔1秒尝试将页面滚动到底部(触发加载新的内容),直至页面高度不再发生变化。

  1. var interval = 1000; // 间隔多少毫秒尝试滚动到底部一次  
  2. var page = 0; // 初始页码  
  3. var last_body_height = 0; // 上一次操作后页面的高度  
  4. function scroll_to_bottom() {   
  5.     scroll(0, document.getElementsByTagName(‘body‘)[0].scrollHeight);   
  6.     var current_body_height = document.getElementsByTagName(‘body‘)[0].scrollHeight; // 当前页面高度  
  7.     if(current_body_height != last_body_height){  
  8.         page += 1;  
  9.         console.log(‘Loaded page ‘ + page);  
  10.     }  
  11.     else{  
  12.         console.log(‘Page not changed, page ‘ + page);  
  13.     }  
  14.     last_body_height = document.getElementsByTagName(‘body‘)[0].scrollHeight; // 新的页面高度  
  15.     setTimeout(‘scroll_to_bottom()‘, interval);  
  16. }   
  17. scroll_to_bottom();  

下面是我们对雅虎问答的问题列表页的测试结果截图,可以看出最大可见页数大约是前100页。

技术分享

特别说明:该文章为西安鲲之鹏的原创文章 ,你除了可以发表评论外,还可以转载到你的网站或博客,但是请保留源地址,谢谢!!(尊重他人劳动,你我共同努力)

如何测试Ajax动态分页列表的最大可翻页数?

原文:http://my.oschina.net/webscraping/blog/511060

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!