C#的WebBrowser的操作与注意事项介绍

 更新时间:2020年6月25日 11:42  点击:1814

1.在Winform里使用WebBrowser,要对Form1.cs添加一些东西:
    1.1 在“public partial class Form1 : Form”上方,添加:

复制代码 代码如下:

[PermissionSet(SecurityAction.Demand, Name = "FullTrust")]
[System.Runtime.InteropServices.ComVisibleAttribute(true)]

   1.2 在Form1的Shown事件中,添加:

复制代码 代码如下:

this.UI_webBrowser.ObjectForScripting = this;

2.由于WebBrowser是放在Winform界面中,由界面线程(主线程)管理,执行渲染也是主线程,因此,不能把业务逻辑放在主线程中,应该另开一个线程,执行业务逻辑。并通过Invoke来与WebBrowser交互。

  例子:

复制代码 代码如下:

private void Form1_Shown(object sender, EventArgs e)
 {
     this._thread_mainLogic = new Thread(this.ThreadFunction_MainLogic);
     this._thread_mainLogic.Start();
 }

 private void ThreadFunction_MainLogic()
 {
     Debugger.Log(0, "", "\r\n开始执行业务逻辑\r\n");
     this.Invoke( new Action( () => { this.webBrowser.Navigate("http://www.baidu.com");} ) );//通过Invoke来与webBrowser交互
     .....
 }

3.浏览指定URL。注意,此方法为异步方法,需要手动同步。

复制代码 代码如下:

//以下方法不是线程安全方法
 private AutoResetEvent _threadControlEvent_Tool_webBrowser_Navigate = null;

 private void Tool_webBrowser_Navigate(string arg_URL)
 {
     this._threadControlEvent_Tool_webBrowser_Navigate = new AutoResetEvent(false);
     this.Invoke(new Action(() =>
     {
         this.webBrowser.DocumentCompleted += webBrowser_DocumentCompleted_Tool_webBrowser_Navigate;
         this.webBrowser.Navigate(arg_URL);
     }));
     this._threadControlEvent_Tool_webBrowser_Navigate.WaitOne();
     this._threadControlEvent_Tool_webBrowser_Navigate.Close();
     this._threadControlEvent_Tool_webBrowser_Navigate.Dispose();
 }

 void webBrowser_DocumentCompleted_Tool_webBrowser_Navigate(object sender, WebBrowserDocumentCompletedEventArgs e)
 {
     this.webBrowser.DocumentCompleted -= webBrowser_DocumentCompleted_Tool_webBrowser_Navigate;
     this._threadControlEvent_Tool_webBrowser_Navigate.Set();
 }

4.根据ID获取按钮,并点击它:(也可作用于网页中的URL链接)

复制代码 代码如下:

//假设网页里的按钮,ID为"btn"
HtmlElement element_btn = null;
this.Invoke(new Action(() => { element_btn = this.UI_webBrowser.Document.All["btn"]; }));//获取
element_btn.InvokeMember("Click");//点击,此方法为同步方法,可安全使用

5.根据ID获取输入框,并输入内容

复制代码 代码如下:

//假设网页里的输入框,ID为"input"
HtmlElement input = null;
this.Invoke( new Action( () => { input = this.UI_webBrowser.Document.All["input"]; } ) );//获取
input.InnerText = "123";//输入"123"。此方法不为同步方法,需要使用下文的Wait_SafeMode方法。
Tool_Wait_SafeMode();//实现在下文

6.根据ID获取form,并提交(submit)

复制代码 代码如下:

//假设网页里的form,ID为"form2"
HtmlElement form2 = null;
this.Invoke( new Action( () => { form2 = this.UI_webBrowser.Document.Forms["form2"]; } ) );//获取
form_submit.InvokeMember("submit");//提交form2里的内容。此方法为同步方法,可安全使用。

7.根据ID获取CheckBox,并设置为已选中(Checked)

复制代码 代码如下:

//假设网页里的CheckBox,ID为"checkbox5"
HtmlElement checkBox5 = null;
this.Invoke( new Action( () => { checkBox5 = this.UI_webBrowser.Document.All["checkbox5"]; } ) );//获取
checkBox5.SetAttribute("Checked", "true");//设置为已选中。此方法为同步方法,可安全使用。


8.根据元素的已知属性,来查找该元素

复制代码 代码如下:

//假设网页里,有且仅有这样的一个元素:它有一个名为"value"的属性,属性值为"12345"
 bool isFind = false;
 HtmlElementCollection htmlElementCollection = null;
 this.Invoke( new Action( () => { htmlElementCollection = this.webBrowser.Document.All; } ) );//获取集合
 HtmlElement resultElement = null;

 foreach (HtmlElement currentElement in htmlElementCollection)//在集合中遍历所有元素来寻找
 {
     if (currentElement.GetAttribute("value") == "12345")
     {
         isFind = true;
         resultElement = currentElement;
         break;
     }
 }

 if( ! isFind )
 {
     对没有找到的情况进行处理;
 }


9.对网页中的ComboBox进行设置。注意,以下代码有问题,请勿使用。由于SetAttribute是一个没有回应的API,因此建议使用js来进行设置。下文中,让WebBrowser执行js代码,可以做到有回调。

复制代码 代码如下:

//假设网页中存在一个ComboBox,ID为"comboBox123",下拉菜单有两项:
 //第一项的ID为1,value为"苹果"
 //第二项的ID为2,value为"西瓜"
 HtmlElement element_comboBox = null;
 this.Invoke( new Action( () => { element_comboBox = this.webBrowser.Document.All["comboBox123"]; } ) );//获取
 Tool_Wait_SafeMode();
 this.Invoke( new Action( () => { element_comboBox.SetAttribute("value", "2"); } ) );//设置为"西瓜",即value = 2
 Tool_Wait_SafeMode();

10.Tool_Wait_SafeMode

复制代码 代码如下:

private void Tool_Wait_SafeMode()
 {
     bool isError = false;
     bool isBusy = false;
     do
     {
         this.Invoke(new Action(() =>
         {
             try
             {
                 isBusy = this.webBrowser.IsBusy;
             }
             catch (System.Exception ex)
             {
                 isError = true;
             }
         }));
         if (isError)
         {
             Thread.Sleep(errorWaitTime);//建议为2秒以上。这个时间要根据机器性能来设置,必须设置长一些。
         }
         else
         {
             if (isBusy)
             {
                 Thread.Sleep(arg_waitTime);//建议为0.1秒以上。这个时间要根据机器性能来设置,可以设置短一些。
             }
         }
     }
     while (isError | isBusy);
 }

11.在网页中执行js代码

    由于让WebBrowser执行js,是一个异步过程,并且还需要回调,因此这个功能有些复杂。对此进行了封装,把它封装为了一个同步过程,来方便使用:

复制代码 代码如下:

#region private void Tool_webBrowser_ExecUserJSScript(string arg_jsCodes)
         private AutoResetEvent _threadControlEvent_Tool_webBrowser_ExecUserJSScript_Init = null;
         private AutoResetEvent _threadControlEvent_Tool_webBrowser_ExecUserJSScript_Exec = null;
         private object _returnObj_Tool_webBrowser_ExecUserJSScript = null;

         /// <summary>
         /// 用WebBrowser执行JS自定义语句。
         /// 1:定义一个js方法,方法名尽量特殊些,以免与html里已存在的js方法重名。这个方法的结尾,一定要使用window.external.NotifyCSharpComplete( msg );才能实现js执行结束后,通知CSharp。把这个方法传递给参数arg_jsFunctionDefineCodes。
         /// 2:把这个方法的方法名,传递给参数arg_jsFunctionName。
         /// 3: 把这个方法,需要传递的参数,传递给arg_functionArgs。如果不需要传入参数,该字段可以不需要赋值,或赋值为null,或赋值为new object[]{}。
         /// 4: 如果js在回调C#时,不需要返回参数,请在js方法里使用window.external.NotifyCSharpComplete( null );如果有返回参数,则可以修改为window.external.NotifyCSharpComplete( 参数变量 );
         /// 例子:js方法:function jsFunctionTest( arg1, arg2 ) { var arg3 = arg1 + arg2; window.external.NotifyCSharpComplete( "运算结果:" + arg3 ); }
         /// 则 arg_jsFunctionDefineCodes = "function jsFunctionTest( arg1, arg2 ) { var arg3 = arg1 + arg2; window.external.NotifyCSharpComplete( \"运算结果:\" + arg3 ); }";
         ///    arg_jsFunctionName = jsFunctionTest
         ///    如果需要传递的参数为123、456,则arg_functionArgs = new object[] { 123, 456 }
         /// 返回值,通过object进行返回。如果object是一个其他类型,则请自行转换。比如:stirng result = (string)Tool_webBrowser_ExecUserJSScript(...);
         /// </summary>
         /// <param name="arg_jsFunctionDefineCodes">js方法,注意,总长度不能超过1991(总长不能超过2048,程序中会对字符串添加一些内容。)</param>
         /// <param name="arg_jsFunctionName">js方法的方法名</param>
         /// <param name="arg_functionArgs">js方法的参数列表。如果不需要传入参数,该字段可以不需要赋值,或赋值为null,或赋值为new object[]{}</param>
         /// <returns>返回执行结果。注意,默认为返回参数。如果没有返回,请修改js方法,把NotifyCSharpComplete( msg )改为NotifyCSharpComplete( null )</returns>
         private object Tool_webBrowser_ExecUserJSScript(string arg_jsFunctionDefineCodes, string arg_jsFunctionName, object[] arg_functionArgs = null)
         {
             this._returnObj_Tool_webBrowser_ExecUserJSScript = null;
             if (arg_jsFunctionDefineCodes.Length > 1991)
             {
                 throw new Exception("错误:js方法定义的长度超过了1991。");
             }
             //1.写入js方法。
             arg_jsFunctionDefineCodes = "javascript:" + arg_jsFunctionDefineCodes + ";window.external.NotifyCSharpCompleteInit();";
             if (arg_jsFunctionDefineCodes.Length >= 2048)
             {
                 throw new Exception("错误:js方法定义的总长度超过了2048(原始方法 + 添加的内容)。");
             }
             this._threadControlEvent_Tool_webBrowser_ExecUserJSScript_Init = new AutoResetEvent(false);
             this.Invoke(new Action(() =>
             {
                 this.webBrowser.Navigate(arg_jsFunctionDefineCodes);
             }));
             this._threadControlEvent_Tool_webBrowser_ExecUserJSScript_Init.WaitOne();
             this._threadControlEvent_Tool_webBrowser_ExecUserJSScript_Init.Close();
             this._threadControlEvent_Tool_webBrowser_ExecUserJSScript_Init.Dispose();
             //2.执行js方法
             this._threadControlEvent_Tool_webBrowser_ExecUserJSScript_Exec = new AutoResetEvent(false);
             this.Invoke(new Action(() =>
             {
                 this.webBrowser.Document.InvokeScript(arg_jsFunctionName, arg_functionArgs);
             }));
             this._threadControlEvent_Tool_webBrowser_ExecUserJSScript_Exec.WaitOne();
             this._threadControlEvent_Tool_webBrowser_ExecUserJSScript_Exec.Close();
             this._threadControlEvent_Tool_webBrowser_ExecUserJSScript_Exec.Dispose();
             //3.返回参数
             return this._returnObj_Tool_webBrowser_ExecUserJSScript;
         }

         public void NotifyCSharpCompleteInit()
         {
             this._threadControlEvent_Tool_webBrowser_ExecUserJSScript_Init.Set();
         }

         public void NotifyCSharpComplete(object arg_obj)
         {
             this._returnObj_Tool_webBrowser_ExecUserJSScript = arg_obj;
             this._threadControlEvent_Tool_webBrowser_ExecUserJSScript_Exec.Set();
         }
         #endregion

用法例子1:

复制代码 代码如下:

string jsCmdTest = "function testFunction( msg ) { setTimeout(\"window.external.NotifyCSharpComplete(\\\"返回内容\\\");\", 5000);};";
object returnObj = this.Tool_webBrowser_ExecUserJSScript(jsCmdTest, "testFunction", new object[] {"传入参数"});
string returnStr = returnObj as string;

用法例子2:

复制代码 代码如下:

string jsCmdTest = "function testFunction( ) { var a = 122; var b = 244; var c = a + b; window.external.NotifyCSharpComplete(c);};";
object returnObj = this.Tool_webBrowser_ExecUserJSScript(jsCmdTest, "testFunction", null);
int returnInt = (int)returnObj;

用法例子3:

复制代码 代码如下:

string jsCmdTest = "function testFunction( ) { window.external.NotifyCSharpComplete(null);};";
object returnObj = this.Tool_webBrowser_ExecUserJSScript(jsCmdTest, "testFunction", null);
string result = "js执行完毕";

总结:使用WebBrowser的两个大问题:

1.WebBrowser是调用机器上的IE,因此版本、渲染的程序也就取决与IE的版本与渲染器的程序。

2.WebBrowser的执行js等很多操作都是异步且无事件回应的,只能自己去估算一个执行时间,来等待。并且等待时间一定要大于js实际执行时间,否则后续代码会出问题。

3.目前,执行js的方式,只能通过浏览器的地址栏。地址栏是有长度限制的。

[!--infotagslink--]

相关文章

  • php svn操作类

    以前我们开发大型项目时都会用到svn来同步,因为开发产品的人过多,所以我们会利用软件来管理,今天发有一居然可以利用php来管理svn哦,好了看看吧。 代码如下 ...2016-11-25
  • C#操作config文件的具体方法

    这篇文章介绍了在C#中对config文件的操作,有需要的朋友可以参考一下...2020-06-25
  • python自动化办公操作PPT的实现

    这篇文章主要介绍了python自动化办公操作PPT的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2021-02-05
  • 总结android studio注意事项及打不开等问题解决方法

    经过一段时间的使用,总结了android studio打不开等问题的6种解决方法及android studio注意事项,希望对大家有所帮助。 1 首次运行,建立好项目需要下载一些东西,如果...2016-09-20
  • nodejs文件操作模块FS(File System)常用函数简明总结

    件系统操作相关的函数挺多的。首先可以分为两大类。一类是异步+回调的。 一类是同步的。在这里只对异步的进行整理,同步的只需要在函数名称后面加上Sync即可1. 首先是一类最常规的读写函数,函数名称和形式,应该是起源于C...2014-06-07
  • C#模拟window操作鼠标的方法

    这篇文章主要介绍了C#模拟window操作鼠标的方法,可实现模拟鼠标移动到固定位置后点击右键的功能,涉及鼠标常用事件的操作技巧,需要的朋友可以参考下...2020-06-25
  • 微信小程序手势操作之单触摸点与多触摸点

    这篇文章主要介绍了微信小程序手势操作之单触摸点与多触摸点的相关资料,需要的朋友可以参考下...2017-03-13
  • python中字符串最常用的十三个处理操作记录

    这篇文章主要给大家介绍了关于python中字符串最常用的13个处理操作的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2021-03-09
  • js操作XML文件的实现方法兼容IE与FireFox

    下面小编就为大家带来一篇js操作XML文件的实现方法兼容IE与FireFox。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧...2016-07-01
  • C# 模拟浏览器并自动操作的实例代码

    这篇文章主要介绍了C# 模拟浏览器并自动操作的实例代码,文中讲解非常细致,帮助大家更好的理解和学习,感兴趣的朋友可以了解下...2020-11-03
  • c#对字符串操作的技巧小结

    c#对字符串操作的技巧小结,需要的朋友可以参考一下...2020-06-25
  • C#中WebBroeser控件用法实例教程

    这篇文章主要介绍了C#中WebBroeser控件用法,包括了常用属性、事件处理及应用实例,需要的朋友可以参考下...2020-06-25
  • Illustrator文字转曲的操作方法与注意事项分享

    今天小编在这里就来给Illustrator的这一款软件的使用者们来说一说文字转曲的操作方法以及注意事项,各位想知道具体信息的使用者们,那么下面就快来跟着小编一起看看吧。...2016-09-14
  • C#操作PowerPoint的方法

    这篇文章主要介绍了C#操作PowerPoint的方法,涉及C#针对PowerPoint的打开、读取、播放等技巧,非常具有实用价值,需要的朋友可以参考下...2020-06-25
  • C# 使用 WebBrowser 实现 HTML 转图片功能的示例代码

    这篇文章主要介绍了C# 如何使用 WebBrowser 实现 HTML 转图片功能,文中示例代码非常详细,帮助大家更好的理解和学习,感兴趣的朋友可以了解下...2020-11-03
  • Python数据分析之pandas比较操作

    比较操作是很简单的基础知识,不过Pandas中的比较操作有一些特殊的点,本文介绍的非常详细,对正在学习python的小伙伴们很有帮助.需要的朋友可以参考下...2021-05-20
  • OpenCvSharp实现Mat对象简单的像素操作

    这篇文章主要介绍了OpenCvSharp实现Mat对象简单的像素操作,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2020-11-17
  • C#中的位操作小结

    在C#中位操作同C的位操作没有什么区别,位操作的速度相对较快,而且如果熟练的话,处理起来也相对方便,特别是在一些权限等相关的设置中...2020-06-25
  • C# 对文件与文件夹的操作包括删除、移动与复制

    在.Net中,对文件(File)和文件夹(Folder)的操作可以使用File类和Directory类,也可以使用FileInfo类和DirectoryInfo类,本文将详细介绍,需要的朋友可以参考...2020-06-25
  • php fopen 函数 读写文件操作

    php fopen 函数 读写文件操作 function getFile($url) { if($f=fopen("$url","r")) { while(!feof($f)) { $s.=fgets($f...2016-11-25