VS2022 c# winform项目（二）WebView+JavaScript

原创已于 2023-11-09 09:32:48 修改 · 945 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#c# #javascript #开发语言

于 2023-10-17 16:43:51 首次发布

JavaScript 同时被 2 个专栏收录

4 篇文章

订阅专栏

Winform

3 篇文章

订阅专栏

本文介绍了如何通过开发者工具在Edge浏览器中利用JavaScript操作界面内容，包括输入文本、获取子元素数量、遍历兄弟节点以及获取属性值的方法，以及网页测试的基本步骤。

一、在界面输入内容（以Edge浏览器为例）

1. 打开开发者模式

在文本框右击，选择”检查“
在这里插入图片描述

2. 查找ID

文本框：id=“kw”
在这里插入图片描述
button：id=“su”

3. 文本框内输入内容，并搜索

string script = "document.getElementById('kw').value  = \"c#\"";
webView1.EvalScript(script);
script = "document.getElementById(\"su\").click();";
webView1.EvalScript(script);

二、获取界面内容：children （孩子）

script = "document.getElementsByClassName('opr-toplist1-table_3K7iH')[0].children[0].children.length";//方法一
script = "document.getElementById('con-ceiling-wrapper').children[0].children[0].children[0].children[1].children[0].children.length";//方法二
int length = Convert.ToInt32(webView1.EvalScript(script, false));

三、获取界面内容：父亲兄弟

//script = "document.getElementsByClassName('opr-toplist1-table_3K7iH')[0].nextElementSibling"// 下一个兄弟元素
script = "document.getElementsByClassName('opr-toplist1-table_3K7iH')[0].previousElementSibling";// 上一个兄弟元素
webView1.EvalScript(script);

四、获取界面内容：属性值

script = "document.getElementsByClassName('opr-toplist1-table_3K7iH')[0].previousElementSibling.getAttribute('title')";//获取属性title的值
string str = webView1.EvalScript(script);