JavaScript 在 selenium 自动化中的应用

JavaScript 相对于 selenium 原生 API 的执行速度更快，如果有遇到 selenium 难以处理的操作时，可以采用执行 js 代码去完成。

基本元素定位和操作

driver.get("https://www.baidu.com");String js = "var inputEle = document.getElementById('kw'); return inputEle;";WebElement inputEle = (WebElement) jsExecutor.executeScript(js);System.out.println(inputEle.getAttribute("maxlength"));driver.executeScript("document.getElementById('kw').value='软件测试工程师的心灵社区';");

DOM 操作

移除 readonly 属性

当输入框使用的是选择控件且为只读状态时，selenium 原生 API 无法操作控件，可以通过 js 移除 readonly 属性。比如 12306 网站的日期选择框。

driver.get("https://www.12306.cn/index/");String js = "document.getElementById('train_date').removeAttribute('readonly')";driver.executeScript(js);Thread.sleep(2000);driver.findElement(By.id("train_date")).sendKeys(Keys.CONTROL,"a");//清空Thread.sleep(2000);driver.findElement(By.id("train_date")).sendKeys(Keys.BACK_SPACE);//清空driver.findElement(By.id("train_date")).sendKeys("2019-03-30");//输入

移除超链接的 target 属性

当超链接有 target="_blank" 属性时，点击超链接会打开第新的标签页，如果不想进行多窗口切换操作，可以通过 js 去除 target 属性

//手机版String js = "document.getElementById('xxx').removeAttribute('target')";driver.executeScript(js);

窗口滚动

driver.get("https://ke.qq.com/?tuin=68973267");//0:滚动到最顶端driver.executeScript("window.scrollTo(0,0)");//1：滚动到最底部driver.executeScript("window.scroll(0,document.body.scrollHeight)");//2:滚动到指定的位置driver.executeScript("window.scrollTo(0,500)");//3:滚动到指定元素WebElement txy = driver.findElement(By.partialLinkText("腾讯云"));driver.executeScript("arguments[0].scrollIntoView();",txy);

注入 jQuery

如果我们想在没有引入 jquery.js 的页面也能使用 jQuery 进行操作，可以动态注入的方式、运行如下脚本注入 jquery.js。

StringBuffer str = new StringBuffer();//创建一个script标签str.append("var hm = document.createElement('script');");//设置js文件路径str.append("hm.src = 'https://libs.baidu.com/jquery/2.0.0/jquery.min.js';");//获得head标签str.append("var headEle = document.getElementsByTagName('head')[0]; ");//将script标签添加到head标签str.append("headEle.appendChild(hm);");//执行JavaScript完成jquery.js的注入driver.executeScript(str.toString());