C#在WinForm中使用WebKit传递js对象实现与网页交互的方法

下面是C#在WinForm中使用WebKit传递js对象实现与网页交互的方法的完整攻略。

先决条件

为了能够使用WebKit，我们需要安装WebKit .NET控件。WebKit可以在GitHub 安装，安装过程简单快速，直接解压缩即可。

集成WebKit到WinForm

将 WebKitBrowser.dll和 WebKit.Interop.dll两个文件添加到您的项目引用中。然后在您的窗体上添加一个WebKitBrowser控件。

向网页元素添加事件

要与网页元素交互，我们需要使用 WebKitBrowser提供的DocumentCompleted事件。当网页完成加载时，该事件将触发。我们可以利用该事件将事件绑定到需要的网页元素上。

 private void webKitBrowser1_DocumentCompleted(object sender, WebBrowserDocumentCompletedEventArgs e)
 {
        //绑定click事件 
        webKitBrowser1.Document.GetElementById("btnTest").Click += btnTest_Click;
 }

在DocumentCompleted事件完成后，我们需要绑定Click事件到按钮。上面的代码将Click事件绑定到网页中的ID为btnTest的按钮上。当用户点击该按钮时，调用btnTest_Click方法。

向网页发送JavaScript对象

我们可以使用EvaluateScript方法将JavaScript对象发送到网页中。这样，我们就可以通过调用JavaScript对象中的方法，来与网页元素进行交互。

 webKitBrowser1.RunJavascript("function testJSObj(result){ alert(result);}");  //定义JS方法
 object[] myObjArray = new object[1];
 myObjArray[0] = "测试js对象";
 webKitBrowser1.InvokeScript("testJSObj", myObjArray);  //调用JS方法

上面的代码定义一个名为testJSObj的JavaScript方法，当该方法被调用时，将弹出一个包含“测试js对象”的提示框。

附加示例

下面的示例演示如何在网页中点击按钮，并使用JavaScript对象返回结果。首先，我们需要在网页中添加一个名为btnGetData的按钮。一旦用户单击该按钮，我们将调用C#代码中的GetUserData方法，该方法将返回用户的用户名和电子邮件地址。

JavaScript:

function getJsUserData() {
    var data = { };
    data.userName = "John Doe";
    data.email = "[e-mail]";
    return data;
}

function testGetData() {
    var result = getJsUserData();
    window.external.GetUserData(JSON.stringify(result));
}

C#:

void webKitBrowser1_DocumentCompleted(object sender, WebBrowserDocumentCompletedEventArgs e)
{
    if (webKitBrowser1.Url.AbsoluteUri == "http://example.com/mypage.html")
    {
        webKitBrowser1.Document.GetElementById("btnGetData").InvokeMember("click");  //模拟点击网页中的按钮
    }
}

public void GetUserData(object data)
{
    JObject obj = JObject.Parse(data.ToString());
    string userName = obj.GetValue("userName");
    string email = obj.GetValue("email");
    MessageBox.Show("用户名：" + userName + "\r\n邮箱地址：" + email);
}

在上面的示例中，我们当用户加载名为mypage.html的页面时，自动单击按钮，并调用名为GetUserData的C＃方法，该方法将返回已解析的用户数据对象。