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

原文作者:西安鲲之鹏

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

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

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

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

view plain copy to clipboard print ?
  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动态分页列表的最大可翻页数?_第1张图片

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

你可能感兴趣的:(如何测试Ajax动态分页列表的最大可翻页数?)