51Testing软件测试论坛

标题: Selenium Webdriver学习 03 – 执行js脚本 [打印本页]

作者: 悠悠小仙仙    时间: 2017-7-18 10:54
标题: Selenium Webdriver学习 03 – 执行js脚本
在用selenium 1.X的时候常常会用到getEval()方法来执行一段js脚本来对页面进行处理,以处理一些遇到的问题。当然selenium webdriver也提供这样的一个方法:executeScript()
CODE:
  1. <font size="4">import org.openqa.selenium.JavascriptExecutor;
  2. import org.openqa.selenium.WebDriver;
  3.   
  4. public class  SimpleExample {
  5.   
  6.       
  7.     public staticvoid main(String[] args) {
  8.         WebDriver driver = new FirefoxDriver();
  9.   
  10.           ((JavascriptExecutor)driver).executeScript("alert(\"hello,this is a alert!\")");
  11.     }
  12.   
  13. }</font>
复制代码
CODE:
  1. <font size="4">import org.openqa.selenium.JavascriptExecutor;  
  2. import org.openqa.selenium.WebDriver;  
  3.    
  4. public class  SimpleExample {  
  5.    
  6.       
  7.     public static void main(String[] args) {  
  8.         WebDriver driver = new FirefoxDriver();  
  9.    
  10.           ((JavascriptExecutor)driver).executeScript("alert(\"hello,this is a alert!\")");  
  11.     }  
  12.    
  13. }</font>
复制代码
上面是一个最简单的例子,打开一个浏览器,然后弹层一个alert框。注意这里的driver要被强制转换成JavascriptExecutor。
下面演示在打开51.com首页如何得到帐号输入框中显示的字符,并打印输出。
CODE:
  1. <font size="4">import org.openqa.selenium.JavascriptExecutor;
  2. import org.openqa.selenium.WebDriver;
  3.   
  4. public class FirstExampe {
  5.       
  6.     public staticvoid main(String[] args) {
  7.         WebDriver driver = new FirefoxDriver();
  8.         driver.get("http://www.51.com");
  9.         String js = "var user_input = document.getElementById(\"passport_51_user\").title;return user_input;";
  10.          
  11.         String title = (String)((JavascriptExecutor)driver).executeScript( js);
  12.         System.out.println(title);
  13.     }
  14.   
  15. }</font>
复制代码
CODE:
  1. <font size="4">import org.openqa.selenium.JavascriptExecutor;  
  2. import org.openqa.selenium.WebDriver;  
  3.    
  4. public class FirstExampe {  
  5.    
  6.       
  7.     public static void main(String[] args) {  
  8.         WebDriver driver = new FirefoxDriver();  
  9.         driver.get("http://www.51.com");  
  10.         String js = "var user_input = document.getElementById(\"passport_51_user\").title;return user_input;";  
  11.            
  12.         String title = (String)((JavascriptExecutor)driver).executeScript( js);  
  13.         System.out.println(title);  
  14.     }  
  15.    
  16. }</font>
复制代码
输出结果为:
CODE:
  1. <font size="4">用户名/彩虹号/邮箱</font>
复制代码


作者: 八戒你干嘛    时间: 2017-7-18 15:07

作者: 梦想家    时间: 2018-5-14 17:55

作者: 木头人丶    时间: 2018-7-4 15:36
本帖最后由 木头人丶 于 2018-7-4 16:09 编辑

请问用JS的方式,跟findElementById后获取title的方式,有什么区别?也就是下面说的这2种方式
         browser.openUrl("http://bbs.51testing.com/thread-1134651-1-1.html");
方式一:
         String js = "var user_input = document.getElementById(\"newspecial\").title;return user_input;";
         String title = (String)((JavascriptExecutor)browser.getDriver()).executeScript(js);
         System.out.println(title);
方式二:
        String title2 = browser.getDriver().findElement(By.id("newspecial")).getAttribute("title");
        System.out.println(title2);


输出的内容都是【发新帖】

作者: 48luowei    时间: 2018-11-18 17:15
多谢楼主




欢迎光临 51Testing软件测试论坛 (http://bbs.51testing.com/) Powered by Discuz! X3.2