新发的日常小实验——使用c# winfrom窗体应用制作浏览器，实现c#与html js交互_winform c#和网页

作者：笔触狂放9 | 2024-03-17 20:22:11

踩

winform c#和网页

文章目录

一、前言

假设，现在我想做一个浏览器，用c# winfrom窗体应用制作，浏览器执行一段js代码，然后把js的执行结果返回给浏览器的c#，然后在c#做进一步的逻辑处理。

二、问题

网页的js与浏览器的c#如何交互呢？
在这里插入图片描述

三、具体实现

1、写js代码

html.test代码如下

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>测试</title>
</head>
<body>
<h1>我是一个 JavaScript 程序</h1>
</body>
</html>

<script>
//提供改c#调用
function TestAdd(a, b)
{
    var sum = a + b;
    //js调用c#的OnJsCall函数
    window.external.OnJsCall(a + "+" + b + "="+ sum);
} 
</script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

2、启动web服务器

用python启动一个简单的web服务器

py -3 -m http.server 8988
1

在这里插入图片描述

3、创建winform窗体应用工程

创建一个winform窗体应用工程，简单地摆个WebBrowser控件。
在这里插入图片描述

4、写c#代码

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Forms;

namespace WebView
{
    //当前类可以com组件的形式供外包调用
    [System.Runtime.InteropServices.ComVisible(true)]
    public partial class Form1 : Form
    {
        public Form1()
        {
            InitializeComponent();

            //注册监听对象
            this.webBrowser.ObjectForScripting = this;

            //访问html
            webBrowser.Navigate("http://localhost:8988/test.html");
        }

        /// <summary>
        /// js调用c#
        /// </summary>
        public void OnJsCall(string result)
        {
            sumLbl.Text = result;
        }

        private void OnBtnClick(object sender, EventArgs e)
        {
            try
            {
                //c#调用js
                object[] objects = new object[2];
                objects[0] = 2;
                objects[1] = 5;
                webBrowser.Document.InvokeScript("TestAdd", objects);
            }
            catch (Exception exception)
            {
                Console.WriteLine(exception);
            }
        }
    }
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52

5、运行测试

在这里插入图片描述

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/笔触狂放9/article/detail/257840