开发手册 欢迎您!
软件开发者资料库

.NET Selenium WebDriver操作调用浏览器后台执行Js(JavaScript)代码

本文主要介绍.NET中,使用Selenium WebDriver驱动调用浏览器(Chrome,IE,Firefox等)方法代码,介绍一下executeAsyncScript方法使用,并且可以在后台代码中执行Js(JavaScript)代码,可以实现一些网站自动化操作。

1、Selenium WebDriver安装引用

注意:要用使用的浏览器肯定要装,并且Selenium.Chrome.WebDriver版本要和浏览器版一致。

如果要操作其它浏览器,则安装对应其它浏览器的Nuget包,本文主要是Chrome浏览器。

使用Nuget管理器搜索"WebDriver",找到"Selenium.WebDriver"和"Selenium.Chrome.WebDriver",然后分别点击"安装"。

Install-Package Selenium.WebDriver
Install-Package Selenium.Chrome.WebDriver -Version 75.0.0

相关文档VS(Visual Studio)中Nuget的使用

2、Selenium WebDriver执行Js代码

using OpenQA.Selenium;using OpenQA.Selenium.Chrome;using OpenQA.Selenium.Support.UI;using System;using System.Collections.Generic;using System.Linq;using System.Text;using System.Threading.Tasks;using UtilityWeb.ORM;using UtilityWeb.ORM.Models;using UtilityWeb.Tools;namespace ConsoleApplication1{    class Program    {        static void Main(string[] args)        {            ChromeDriver driver = new ChromeDriver();            driver.Navigate().GoToUrl(@"https://www.baidu.com");            //Console.WriteLine(driver.PageSource);            //设置执行脚本的超时时间            driver.manage().timeouts().setScriptTimeout(20, TimeUnit.SECONDS);            //使用js代码输入关键字进行搜索            driver.ExecuteScript("$(\"#kw\").val(\"Selenium WebDriver\")");            driver.ExecuteScript("$(\"#su\").click()");//点击"百度一下"按钮            //driver.FindElementById("su").SendKeys(Keys.Enter);//按回车搜索            //网页截图            driver.GetScreenshot().SaveAsFile("E:/baidu.png", ScreenshotImageFormat.Png);            driver.Quit();            Console.ReadKey();        }    }}

3、使用ExecuteAsyncScript执行Js代码

调用的函数ExecuteAsyncScript将'done callback'作为最后一个参数,必须调用该函数来表示脚本已完成执行。否则会报执行脚本超时(Timeout)的错误。代码如下:

1) 在浏览器中执行sleep

driver.ExecuteAsyncScript(       "window.setTimeout(arguments[arguments.length - 1], 500);");

2) 将测试与AJAX应用程序同步

driver.ExecuteAsyncScript(       "var callback = arguments[arguments.length - 1];" +       "mailClient.getComposeWindowWidget().onload(callback);");

3) 注入XMLHttpRequest并等待结果

Object response =  driver.ExecuteAsyncScript(       "var callback = arguments[arguments.length - 1];" +       "var xhr = new XMLHttpRequest();" +       "xhr.open('GET', '/resource/data.json', true);" +       "xhr.onreadystatechange = function() {" +       "  if (xhr.readyState == 4) {" +       "    callback(xhr.responseText);" +       "  }" +       "}" +       "xhr.send();");