使用CefSharp在.Net程序中嵌入Chrome浏览器（五）——Javascript交互

「爱情、让人受尽委屈。」 2021-11-09 22:44 717阅读 0赞

要在CEF中和网页的JS进行交互，首先我们要通过设置启用Javascrit集成功能。

CefSharpSettings.LegacyJavascriptBindingEnabled = true;

**调用JavaScript：**

简单的调用JavaScript可以直接使用ExecuteScriptAsync扩展函数。

\_chrome.ExecuteScriptAsync("alert('hello world')");

实际上，JavaScript是具体到frame的，上述代码等价于

\_chrome.GetMainFrame().ExecuteJavaScriptAsync("alert('hello world')");

**调用JavaScript返回值：**

我们也可以使用EvaluateScriptAsync扩展函数执行javascript并获取返回值。

var rsp = await \_chrome.EvaluateScriptAsync("3+2\*5");  
if (rsp.Success)  
\{  
    MessageBox.Show(rsp.Result.ToString());  
\}

也可以具体到frame：

\_chrome.GetMainFrame().EvaluateScriptAsync("3+2\*5")

**JavaScript回调：**

要Javascript回调，首先得注入一个对象。

public class AsyncBoundObject  
\{  
    public int Div(int divident, int divisor)  
    \{  
        return divident / divisor;  
    \}  
\}  
\_chrome = new ChromiumWebBrowser();  
\_chrome.RegisterAsyncJsObject("cef", new AsyncBoundObject());  
\_chrome.Address = "http://tianfang.cnblogs.com";

**注意：** 这个注入得再加载网页之前，否则可能网页无法加载注入的js。

注入的函数是异步返回的，因此返回的是一个Promise对象，我们调用的时候可以使用ES6的await方式。

await cef.div(4, 2)

关于js注入更多信息，可以参看这个网页。[how-do-you-expose-a-net-class-to-javascript][]

转载于:https://www.cnblogs.com/TianFang/p/9902795.html

[how-do-you-expose-a-net-class-to-javascript]: https://github.com/cefsharp/CefSharp/wiki/General-Usage/156732a0d567915551b9e162d93067fa23cf89e3

发表评论取消回复

表情：

评论列表（有 0 条评论，717人围观）

还没有评论，来说两句吧...

相关阅读

相关 [JavaScript] 第三章 Chrome 浏览器中调试JavaScript

系列文章目录 \[JavaScript\] 第一章暂无 \[JavaScript\] 第一章暂无 [\[JavaScript\] 第三章 Chrome 浏览器

冷不防/ 2023年10月13日 18:32/ 0 赞/ 60 阅读

相关 Chrome 浏览器中执行 JavaScript

Chrome 浏览器中执行 JavaScript 本章节为大家介绍如何在 Chrome 浏览器上进行 JavaScript 代码的运行与调试。 Chrome 是由 Go

红太狼/ 2023年10月12日 21:31/ 0 赞/ 51 阅读

相关 WinForm使用CefSharp，嵌入浏览器

引入库：CefSharp.WinForms using CefSharp; using CefSharp.WinForms; using System

短命女/ 2023年10月04日 11:01/ 0 赞/ 22 阅读

相关在.net中使用javascript-Jint和Javascript .NET

原文：[http://www.cnblogs.com/TianFang/archive/2012/03/04/2379246.html][http_www.cnblogs.co

分手后的思念是犯贱/ 2022年08月11日 00:56/ 0 赞/ 215 阅读

相关使用CefSharp在.Net程序中嵌入Chrome浏览器（五）——Javascript交互

要在CEF中和网页的JS进行交互，首先我们要通过设置启用Javascrit集成功能。 CefSharpSettings.LegacyJavascriptBindingEnab

「爱情、让人受尽委屈。」/ 2021年11月09日 22:44/ 0 赞/ 718 阅读

相关使用CefSharp在.NET中嵌入Google kernel

[使用CefSharp在.NET中嵌入Google kernel][CefSharp_.NET_Google kernel] 原文: [使用CefSharp在.NET中嵌入G

傷城~/ 2021年10月30日 03:26/ 0 赞/ 342 阅读

相关 JavaScript 在Chrome浏览器调试技巧

这次分享的是Chrome开发工具中最有用的面板Sources。 Sources面板几乎是我最常用到的Chrome功能面板，也是在我看来决解一般问题的主要功能面板。通常只要是开发

痛定思痛。/ 2021年10月14日 20:59/ 0 赞/ 576 阅读

相关在winform中使用cefsharp.winform嵌入浏览器(含视频教程)

免费视频教程和源码： > [https://www.bilibili.com/video/av84573813/][https_www.bilibili.com_video_

傷城~/ 2021年08月19日 20:57/ 0 赞/ 740 阅读

相关使用cefsharp在winform中嵌套浏览器

1. 创建winform程序 2. 在项目中，右击引用，选择nuget包，引入cefsharp.winforms包 3. 更改winform生成配置，之前的cefsharp

红太狼/ 2021年08月19日 12:32/ 0 赞/ 633 阅读

相关 ZeroClipboard，竟然无法在Google Chrome浏览器中使用

事情是非常让人不爽的，本来看起来挺简单的ZeroClipboard，我怎么就是搞不定。折腾了将近一下午的时间，发现同样的代码在Firefox浏览器上运行ZeroClipboar

亦凉/ 2021年05月10日 11:18/ 0 赞/ 547 阅读