日常的 Web UI 自动化测试过程中，get 或 navigate 到指定的页面后，若想截图的元素或者指定区域范围不在浏览器的显示区域内，则通过截屏则无法获取相应的信息，反而浪费了无畏的图片服务器资源，当然，最重要的还是未能达到自己的预期，是不是很内伤啊。此时，我们就不得不像正常用户操作一样，通过滚动页面至相应的区域，那么该如何滚动呢，此文就此给出答案。
此文实现的页面滚动，是通过 js 操作实现的，敬请各位小主参阅。若有不足之处，敬请大神指正，非常感谢！
直接上码了......
1 /** 2 * Scroll screen by JavaScript 3 * 4 * @author Aaron.ffp 5 * @version V1.0.0: autoUISelenium main.java.aaron.sele.core SeleniumCore.java scrollScreen, 2015-7-26 10:58:14 Exp $ 6 * 7 * @param top : top distance 8 * @param left : left distance 9 */ 10 public void scrollScreen(int left, int top){ 11 // note declare DOCTYPE 12 String js_body = "document.body.scrollTop = " + top + "; document.body.scrollLeft = " + left; 13 // declare DOCTYPE 14 String js_docu = "document.documentElement.scrollTop = " + top + "; document.documentElement.scrollLeft = " + left; 15 16 // decide which the script will be execute by browser type 17 switch (this.getBrowserType()) { 18 case "Chrome": 19 this.execJS(js_body); 20 break; 21 case "Firefox": 22 case "InternetExplorerDriver": 23 case "Safari": 24 this.execJS(js_docu); 25 break; 26 default: 27 this.execJS(js_docu); 28 break; 29 } 30 }
关于上述代码中涉及的获取浏览器类型的方法 getBrowserType，敬请参阅之前的博文 WebUI自动化实战实例-017-获取浏览器类型
关于上述代码中涉及的执行 JavaScript 的方法 execJS 如下所示：
1 /** 2 * execute JScript 3 * 4 * @author Aaron.ffp 5 * @version V1.0.0: autoUISelenium main.java.aaron.sele.core SeleniumCore.java execJavascript, 2015-6-17 00:25:38 Exp $ 6 * 7 * @param jscript 8 */ 9 public void execJS(String jscript){ 10 ((JavascriptExecutor)this.webdriver).executeScript(jscript); 11 }
至此，WebUI 自动化功能测试脚本第 025-JavaScript 在 Selenium 自动化中的应用实例之三（页面滚屏，模拟鼠标拖动滚动条） 顺利完结，希望此文能够给初学 Selenium 的您一份参考。
最后，非常感谢亲的驻足，希望此文能对亲有所帮助。热烈欢迎亲一起探讨，共同进步。非常感谢！ ^_^