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

最新推荐文章于 2024-03-12 20:45:00 发布

林新发

最新推荐文章于 2024-03-12 20:45:00 发布

阅读量1.1k

点赞数 2

分类专栏： windows C# JavaScript 文章标签： c# javascript js web 浏览器

本文链接：https://blog.csdn.net/linxinfa/article/details/109248015

版权

C# 同时被 3 个专栏收录

74 篇文章 28 订阅

订阅专栏

windows

20 篇文章 16 订阅

订阅专栏

JavaScript

9 篇文章 1 订阅

订阅专栏

文章目录

一、前言

假设，现在我想做一个浏览器，用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>

2、启动web服务器

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

py -3 -m http.server 8988

在这里插入图片描述

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);
            }
        }
    }
}

5、运行测试

在这里插入图片描述

林新发

关注

2
点赞
踩
6

收藏

觉得还不错? 一键收藏
打赏
0
评论
新发的日常小实验——使用c# winfrom窗体应用制作浏览器，实现c#与html js交互

文章目录一、前言二、问题三、具体实现1、写js代码2、启动web服务器3、创建winform窗体应用工程4、写c#代码5、运行测试一、前言假设，现在我想做一个浏览器，用c# winfrom窗体应用制作，浏览器执行一段js代码，然后把js的执行结果返回给浏览器的c#，然后在c#做进一步的逻辑处理。二、问题网页的js与浏览器的c#如何交互呢？三、具体实现1、写js代码html.test代码如下<!DOCTYPE html><html><head>&lt
复制链接

扫一扫