VS2022 c# winform项目（二）WebView+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);

五、扩展

1、JavaScript 在网页测试方法

（1）确认好需要查找的id

（2）在开发界面菜单栏中，找到“控制”，点击

（3）输入JavaScript，按回车健执行，并输出结果