WebBrowser（IE） 与 JS 相互调用

在开发中我们经常将WebBrowser控件嵌入Winform 程序来浏览网页，既然是网页那么少不了JS。下面就让我们来说说他们两之间的相互调用。

在C#封装的浏览器内核中，Chromium 内核封装有Xilium.Cefglue、Cefsharp，Webkit 内核封装 Webkit.Net 、OpenWebKitSharp等。

但是说到和JS的调用，不得不说还是IE 的WebBrowser 最为简单方便。至于IE 为啥方便而其他的不方便，以后我会写文章分析。

下面我们还是先看看WebBrowser怎么和JS交互把：

WebBrowser 执行JS 代码

如果脚本已经存在于网页中，我们可以使用 InvokeScript 方法

 

public object InvokeScript(string scriptName) 

public object InvokeScript(string scriptName,object[] args)

 

下面是一个简单例子：

 

 

private void button2_Click(object sender, EventArgs e)
        {
            string name = "dai";
            string address = "123";
            if (webBrowser1.Document != null)
            {
                HtmlDocument doc = webBrowser1.Document;
                //无参调用
                doc.InvokeScript("alertNull");

                Object[] objArray = new Object[2];
                objArray[0] = (Object)name;
                objArray[1] = (Object)address;

                //有参调用
                doc.InvokeScript("callWithPar", objArray);

                //返回字符串
                String str = doc.InvokeScript("returnString").ToString();
                MessageBox.Show(str);
                //返回对象
                Object jscriptObj = doc.InvokeScript("returnScriptObject");
                MessageBox.Show(jscriptObj.ToString());
            }
        }

如果网页中不存在目标脚本，我们也可以创建脚本再执行。

 

 

HtmlElement ele = webBrowser1.Document.CreateElement("script");
ele.SetAttribute("type", "text/javascript");
ele.SetAttribute("text", "alert('new script')");
webBrowser1.Document.Body.AppendChild(ele);

 

相当于更改Html 的DOM结构，在标签后添加

 

[System.Runtime.InteropServices.ComVisible(true)]
        public class JSObject
        {
            // 无参数，无返回值
            public void CallShow()
            {
                MessageBox.Show("Called from JS");
            }

            //无返回值，有参数
            public void ShowSomething(String msg)
            {
                MessageBox.Show("Called from " + msg);
            }

            //有返回值，有参数
            public string returnSomething(String msg)
            {
                msg += "From C#";
                return msg;
            }
            //直接获取变量
            public string a = "A";

        }

简单的传值就是这样实现的，但是对于复杂对象传递，涉及到JS对象和C#对象转换，并不是很方便，能用字符串的还是用字符串吧。

 

用JSON传递是个不错的选择，C#和JS中都有JSON转换工具，可以试试。

以上！