WinForm使用WebBrowser操作HTML页面的Element

最新推荐文章于 2024-06-24 09:15:27 发布
最新推荐文章于 2024-06-24 09:15:27 发布
阅读量569 收藏 1
点赞数
文章标签： javascript ui c# ViewUI
原文链接：http://www.cnblogs.com/lsgsanxiao/p/4748306.html
版权

  • 前言

    　　在 Window Form 应用程序如果需要浏览网页时可以崁入 WebBrowser 控件，但如果需要操作崁入的 HTML 的网页元素，就需要额外的操作，以下纪录几种操作 HTML 元素的方法以及会碰到的问题。

    建立 WinForm 应用程序

    　　首先先建立一个 Window Form 应用程序，在 Form1 窗体上拉入一个 Button 与 WebBrowser 控件，如下

     

    \
     
    在 Button1 事件中使用 WebBrowser.Navigate 方法加载指定的网页，如下

    view source print ?
    1. private void button1_Click(object sender, EventArgs e)
    2. {
    3. webBrowser1.Navigate(Application.StartupPath + "\\Page.html");
    4. }

    直接执行程序后点击「前往网页」按钮就能够看到网页已经加载 WebBrowser 控件中，如下
     

    \
     

    操作 HTML 网页中的元素

    　　接下来如需要针对 HTML 网页上的元素进行控制时，可以透过 WebBrowser 控件提供的方法来处理，首先要在网页加载完成后才进行操作，点选 WebBrowser 控件加入 DocumentCompleted 事件，DocumentCompleted 事件是当网页文件完全加载后即会触发，就可以透过 Document、DocumentText、或 DocumentStream 属性取得网页内容，如下。

     

    view source print ?
    01. private void webBrowser1_DocumentCompleted
    02. (object sender, WebBrowserDocumentCompletedEventArgs e)
    03. {
    04. if (webBrowser1.ReadyState == WebBrowserReadyState.Complete)
    05. {
    06. ThreadPool.QueueUserWorkItem(o =>
    07. {
    08. FormWork();
    09. });
    10. }
    11. }
    12.  
    13. private void FormWork()
    14. {
    15. // 進行操作
    16. }

    　　透过 WebBrowser.ReadyState 属性可以知道网页使否已经加载完成，当加载完成后就使用 Thread 委派 FormWork 方法来处理网页元素的操作，相关操作方法以下列出几项。

    操作文字框

    view source print ?
    1. webBrowser1.Document.GetElementById("name").SetAttribute("value", "Arvin");

    操作下拉选单

    view source print ?
    1. HtmlElementCollection opts = webBrowser1.Document.
    2. GetElementById("sex").GetElementsByTagName("option");
    3. foreach (HtmlElement opt in opts)
    4. {
    5. if (opt.GetAttribute("value") == "男")
    6. opt.SetAttribute("selected", "selected");
    7. }

    操作单选框

     

    view source print ?
    1. HtmlElementCollection opts = webBrowser1.Document.
    2. GetElementsByTagName("input").GetElementsByName("skill");
    3. foreach (HtmlElement opt in opts)
    4. {
    5. if (opt.GetAttribute("value") == "WebForm")
    6. opt.InvokeMember("click");
    7. }

    执行 JavaScript 方法 (不需写入左右括号符号)

     

    view source print ?
    1. webBrowser1.Document.InvokeScript("ShowInfo");

    取得网页内崁 iFrame 网页的内容方法

     

    view source print ?
    1. webBrowser1.Document.Window.Frames[0].Document

    　　以上列出几种操作网页元素的做法，不外乎就是取得元素对象再透过 SetAttribute 方法来取得或设定值，最后将几种操作方式组合后来测试自动输入窗体的功能并且希望输入窗体时能够一步一步输入，所以加入 Sleep 方法停顿一秒钟，如下

     

    view source print ?
    01. private void FormWork()
    02. {
    03. webBrowser1.Document.GetElementById("name").SetAttribute("value", "Arvin");
    04. Thread.Sleep(1000);
    05.  
    06. webBrowser1.Document.GetElementById("phone").SetAttribute("value", "0912345678");
    07. Thread.Sleep(1000);
    08.  
    09. HtmlElementCollection opts = webBrowser1.Document.
    10. GetElementById("sex").GetElementsByTagName("option");
    11. foreach (HtmlElement opt in opts)
    12. {
    13. if (opt.GetAttribute("value") == "男")
    14. opt.SetAttribute("selected", "selected");
    15. }
    16. Thread.Sleep(1000);
    17.  
    18. HtmlElementCollection opts2 = webBrowser1.Document.
    19. GetElementsByTagName("input").GetElementsByName("skill");
    20. foreach (HtmlElement opt in opts2)
    21. {
    22. if (opt.GetAttribute("value") == "WebForm")
    23. opt.InvokeMember("click");
    24. }
    25. Thread.Sleep(1000);
    26.  
    27. webBrowser1.Document.InvokeScript("ShowInfo");
    28. }

    完成后执行程序代码上就会跳出 InvalidCastException 错误，如下
     

    \
     

    　　其原因是因为执行绪安全的关系，无法在非主执行绪的线程下操作 UI 控件，在以上的程序代码中直接在 Thread 方法中取得 webBrowser1 控件进行操作因而导致了错误发生。

    　　调整程序代码先使用 Control.InvokeRequired 属性来判断是否在主执行绪下执行，若不是的话则呼叫 Invoke 方法指定委派，如下。

     

    view source print ?
    01. private delegate void FormWorkDelegate();
    02.  
    03. private void FormWork()
    04. {
    05. if (webBrowser1.InvokeRequired)
    06. webBrowser1.Invoke(new FormWorkDelegate(FormWork));
    07. else
    08. {
    09. webBrowser1.Document.GetElementById("name").SetAttribute("value", "Arvin");
    10. Thread.Sleep(1000);
    11.  
    12. webBrowser1.Document.GetElementById("phone").SetAttribute("value", "0912345678");
    13. Thread.Sleep(1000);
    14.  
    15. HtmlElementCollection opts = webBrowser1.Document.
    16. GetElementById("sex").GetElementsByTagName("option");
    17. foreach (HtmlElement opt in opts)
    18. {
    19. if (opt.GetAttribute("value") == "男")
    20. opt.SetAttribute("selected", "selected");
    21. }
    22. Thread.Sleep(1000);
    23.  
    24. HtmlElementCollection opts2 = webBrowser1.Document.
    25. GetElementsByTagName("input").GetElementsByName("skill");
    26. foreach (HtmlElement opt in opts2)
    27. {
    28. if (opt.GetAttribute("value") == "WebForm")
    29. opt.InvokeMember("click");
    30. }
    31. Thread.Sleep(1000);
    32.  
    33. webBrowser1.Document.InvokeScript("ShowInfo");
    34. }
    35. }

    　　在次执行后发现不会跳出错误讯息了，但是却发生另一个问题，就是当页面加载后在填入窗体值时程序会停顿一段时候才一次显示所以字段的值，这样的结果并不符合当初所要一步一步的填入窗体的需求，如下

     



     

    　　这种问题在我此篇MSDN发问中 ThankfulHeart 大有提到，Invoke 方法是使用 UI 的线程，而如果在 UI 线程中使用了 Sleep 方法将导致 UI 画面被阻塞，因此才让画面陷入了停顿的状态。

    　　而在 FormWork 方法中我将操作的方法都包含在 Invoke 的程序区块中，所以在此如要避免长时间的画面阻塞，应该要尽可能的切割使用到 Invoke 的区段，因此修改程序如下。

     

    view source print ?
    01. private void FormWork()
    02. {
    03. this.Invoke(new MethodInvoker(() =>
    04. {
    05. webBrowser1.Document.GetElementById("name").SetAttribute("value", "Arvin");
    06. }));
    07. Thread.Sleep(1000);
    08.  
    09. this.Invoke(new MethodInvoker(() =>
    10. {
    11. webBrowser1.Document.GetElementById("phone").SetAttribute("value", "0912345678");
    12. }));
    13. Thread.Sleep(1000);
    14.  
    15. this.Invoke(new MethodInvoker(() =>
    16. {
    17. HtmlElementCollection opts = webBrowser1.Document.
    18. GetElementById("sex").GetElementsByTagName("option");
    19. foreach (HtmlElement opt in opts)
    20. {
    21. if (opt.GetAttribute("value") == "男")
    22. opt.SetAttribute("selected", "selected");
    23. }
    24. }));
    25. Thread.Sleep(1000);
    26.  
    27. this.Invoke(new MethodInvoker(() =>
    28. {
    29. HtmlElementCollection opts2 = webBrowser1.Document.
    30. GetElementsByTagName("input").GetElementsByName("skill");
    31. foreach (HtmlElement opt in opts2)
    32. {
    33. if (opt.GetAttribute("value") == "WebForm")
    34. opt.InvokeMember("click");
    35. }
    36. }));
    37. Thread.Sleep(1000);
    38.  
    39. this.Invoke(new MethodInvoker(() =>
    40. {
    41. webBrowser1.Document.InvokeScript("ShowInfo");
    42. }));
    43. }

    透过切割每个动作呼叫对应的 Invoke 去执行后执行结果如下
     



     

    　以上就是一个简单使用 WinForm 的 WebBrowser 控件控制网页元素的方式，在此纪录一下做法。

    范例程序代码


    http://www.it165.net/uploadfile/2013/1017/20131017072343466.rar
     

延伸阅读：

转载于:https://www.cnblogs.com/lsgsanxiao/p/4748306.html

weixin_30825581
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vb利用IHTMLElementCollection与WebBrowser获得网页表格内容
11-27
vb利用IHTMLElementCollection与WebBrowser获得网页表格内容 代码完整
[WinForm] 使用 WebBrowser 操作 HTML 頁面的 Element-摘自网络
weixin_33871366的博客
07-29 157
前言 　　在 Window Form 應用程式如果需要瀏覽網頁時可以崁入 WebBrowser 控制項，但如果需要操作崁入的 HTML 的網頁元素，就需要額外的操作，以下紀錄幾種操作 HTML 元素的方法以及會碰到的問題。   建立 WinForm 應用程式 　　首先先建立一個 Window Form 應用程式，在 Form1 表單上拉入一個 Button 與 WebBrowser...
在WinForm中嵌入WebBrowser开发
最新发布
月亮哥的专栏
06-24 85
EO.WebBrowser
webBrowser控件获得html的table数据，包括Iframe
dengman7921的博客
09-23 651
本文章主要是讲WebBrowser控件，获得html里面table的数据。 先下载一个mshtml.dll 主要逻辑如下: //得到table的对象 IHTMLDocument2 document = webBrowser1.Document.DomDocument as IHTMLDocument2; IHTMLElementColl...
c# html 动态添加控件 属性获得,c# – 如何从WebBrowser组件获取HTMLElement的所有属性...
weixin_34778803的博客
06-05 366
如果wbMain是您的WebBrowser1控件,请执行以下操作.首先,你需要获得你的元素的引用,假设你想要访问第一个< A>链接,你的页面,你可以循环通过所有你想要的.这是在VB中,但它与C#中的相同,只是语法不同.Dim i As IntegerDim aElement As HTMLAnchorElement = wbMain.Document.All.getElementByT...
C# Winform WebBrowser获取Html界面中js变量方法总结
u010042708的博客
03-09 955
如界面中有一个变量appVersion=“xiaomi”; 需要获取变量appVersion的值，有以下方法： 1.插入一个函数，此函数返回 token变量，注意需要判断token是否存在，否则会报错，示例代码如下： webBrowser1.Navigate(new Uri("http://www.baidu.com")); var doc = webBrowser1.Docum...
winform 使用html做界面
12-29
总结，"winform 使用html做界面"是一种将Web技术融入桌面应用的有效方式，它利用WebBrowser控件实现了WinForm与HTML、CSS和JavaScript的融合，让开发者能够利用熟悉的Web技术创建现代、交互性强的用户界面。...
WinForm程序中webBrowser使用谷歌内核
05-26
系统默认的`webBrowser`控件通常使用的是Internet Explorer的 Trident 内核，这可能导致一些现代网页在显示时出现兼容性问题。为了解决这个问题，开发者可以借助第三方库，如CefSharp，将Web渲染引擎切换到谷歌的...
WinForm项目开发中WebBrowser用法实例汇总
09-04
在WinForm项目开发中，`WebBrowser`控件是一个非常有用的组件，它允许在Windows应用程序中嵌入一个基于Internet Explorer引擎的浏览器，以便展示网页内容、执行JavaScript以及与网页进行交互。以下是对`WebBrowser`...
winfrom中WebBrowser调用本地html
热门推荐
每天进步一点点
09-25 1万+
相关涉及汇总： C#Webbrowser中屏蔽弹出窗口及脚本错误提示 -> http://blog.csdn.net/wonsoft/article/details/5197015 C# webbrowser中新窗口在Webbrowser内打开屏蔽网页JS错误 -> http://blog.csdn.net/jiangqin115/article/details/4071088
C#自写的一个HTML解析类（类似XElement语法）
技术资料收集站
06-06 1836
这篇文章主要介绍了C#自写的一个HTML解析类（类似XElement语法）,本文给出了实现代码和使用实例,同时给出了测试HTML实例,需要的朋友可以参考下 功能： 1、轻松获取指元素HTML元素。 2、可以根据属性标签进行筛选 3、返回的都是Llist强类型无需转换   用过XElement的都知道 用来解析XML非常的方便，但是对于HTML的格式多样化实在
基于WebBrowser的HTML网页编辑器控件C#源码版
12-05
WebBrowser的HTML网页编辑器控件
WinForm webbrowser控件的使用
weixin_30791095的博客
07-28 274
webbrowser是一个比较实用的工具，主要用于在winform窗体中嵌入浏览器，达到winform与webform互操作的目的。 先上一个demo，看一下能实现什么效果。 [csharp]view plaincopy privatevoidForm1_Load(objectsender,EventArgse) { this...
WinForm中WebBrowser的使用
weixin_30498807的博客
11-05 141
最近由于工作需要，研究了下Winform的WebBrowser控件，在这里给大家分享下。 1、WebBrowser导航 WebBrowser在进行导航的时候需要用到Navigate(string urlString)方法 2、执行已有的JavaScript函数 使用WebBrowser.Docu...
c#winform使用WebBrowser 大全
tery001的专栏
12-05 1675
C# WinForm WebBrowser (一) MSDN资料  1、主要用途：使用户可以在窗体中导航网页。 2、注意：WebBrowser 控件会占用大量资源。使用完该控件后一定要调用 Dispose 方法，以便确保及时释放所有资源。必须在附加事件的同一线程上调用 Dispose 方法，该线程应始终是消息或用户界面 (UI) 线程。 3、WebBrowser 使用下面的成员可
【WinForm】WinForm中使用webBrowser1
JosieBook
06-07 1261
WinForm调用浏览器
winform 嵌入WebBrowser C# 与JS交互
我是菜鸟
07-04 1024
/这句是必不可少的，是调用JS的前提。MessageBox.Show(message + "这是JS调用的WinFormc程序的一个测试！window.external.ShowMessage("呵呵");
Winform WebBrowser 打开网页
Pei_hua100的专栏
03-12 416
这几句简单的代码可以实现绝大多数的网页在内部打开，但有少部分，因为代码的特殊性不能打开。用winform打开网页浏览器。
WinForm控件之【WebBrowser】
weixin_30325487的博客
07-22 185
基本介绍 Web浏览器控件，为应用程序提供 Web 浏览功能。 常设置属性 ScriptErrorsSuppressed：指示控件是否在对话框中显示脚本错误，true：不显示； ScrollBarsEnabled：指定控件是否应该有滚动条； Url：指示Web浏览器控件导航到的URL； DocumentText：获取或设置显示在控件中的HTML内容； Name：指示代码中用...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值