winform 集成cefsharp 嵌套网页实现与js交互

原创

于 2019-12-14 18:20:39 发布 · 6.7k 阅读

CC 4.0 BY-SA版权

本文介绍如何在WinForm应用中集成CEFSharp，实现网页与JS的交互。通过创建HTML页面和设置CEFSharp，当点击HTML中的按钮时，可以调用C#的方法并显示返回结果。示例使用.NET 4.5.2和CEFSharp 73.1.130版本。详细步骤包括设置CEFSharp、注册JS对象以及处理方法的命名规则。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

HTML部分

winfrom界面

运行结果

首先正确安装cef并正常运行，cef的安装与使用网上教程较多，此处不再重复描述。winfrom集成cefsharp嵌套网页实现与js交互分两部分，winform界面和HTML界面。

本例在新建的HTML页面上鼠标单击“跳JS”按钮，即可触发_Event的getName方法，并返回参数，在HTML界面通过alert方法展示出来。

通过本例你可以学到cef和winfrom之间通过JavaScript交互，JavaScript传参到winfrom并将参数返回到HTML的过程。

本例所使使用的winfrom是在visual studio 2019下运行，.net 版本为4.5.2，64位平台，cef版本为73.1.130。

HTML部分

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<div>
    <input value="跳JS" type="button" id="run" />
</div>
<script type="text/javascript" src="./js/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
    $(function () {
        $("#run").click(function () {
            var kkk = "111";
            var a = bound.getName(kkk);