wpf CefSharp 与 js交互

简介: 原文:wpf CefSharp 与 js交互 通过 NuGet 获取 CefSharp.WpF 组件。  xmlns:cefSharp="clr-namespace:CefSharp.
原文: wpf CefSharp 与 js交互

通过 NuGet 获取 CefSharp.WpF 组件。 


xmlns:cefSharp="clr-namespace:CefSharp.Wpf;assembly=CefSharp.Wpf"    //加载


需要把项目的 cpu 设置成 x86 ,Framework4.5 


//使用控件

<cefSharp:ChromiumWebBrowser Name="mychrome"></cefSharp:ChromiumWebBrowser>


this.mychrome.MenuHandler = new MenuHandler();  //去掉右键菜单  需要实现 IContextMenuHandler 这个接口
this.mychrome.Address = @"url";


this.mychrome.RegisterJsObject("JsObj", new CallbackObjectForJs(),false);   //带false 可以识别大写字母开头的函数或变量

// this.mychrome.RegisterJsObject("JsObj", new CallbackObjectForJs());  //不带 false  不能识别大写字母开头的函数或变量


//注 引用文章  这个也是我开始遇到的问题,无法让 js 调用C#函数

// CefSharp 默认的 RegisterJsObject(没有 camelCaseJavascriptNames 参数),只认小写字母开始的属性、方法名称。
// 使用带 camelCaseJavascriptNames 参数的 RegisterJsObject,传入 false,就能识别大写字母开始的属性、方法名称了。


public class CallbackObjectForJs
    {

        public string name = "";
        public void showTest(string msg)   
        {
            MessageBox.Show(msg);
        }
    }



js

JsObj.name = "name";

JsObj.showTest("test");


C#调用 js 


方式1. ExecuteScriptAsync 方法使用方式与 js 的 eval方法一样,异步执行,无返回值。
// xxx为js的方法名称
mychrome.GetBrowser().MainFrame.ExecuteScriptAsync("xxx()"); 
// 为 js 的 变量jsVar赋值 'abc'
mychrome.GetBrowser().MainFrame.ExecuteScriptAsync("jsVar='abc'"); 

注:好像是 ExecuteJavaScriptAsync 这个方法

方式2. EvaluateScriptAsync 方法使用方式与 js 的 eval方法一样,异步执行,有返回值。


Task<CefSharp.JavascriptResponse> t = mychrome.GetBrowser().MainFrame.EvaluateScriptAsync("callTest2()");
// 等待js 方法执行完后,获取返回值

t.Wait();
// t.Result 是 CefSharp.JavascriptResponse 对象
// t.Result.Result 是一个 object 对象,来自js的 callTest2() 方法的返回值
if(t.Result.Result != null)
{
   MessageBox.Show(t.Result.Result.ToString());
}
目录
相关文章
|
22天前
|
JavaScript 前端开发 Android开发
kotlin安卓在Jetpack Compose 框架下使用webview , 网页中的JavaScript代码如何与native交互
在Jetpack Compose中使用Kotlin创建Webview组件,设置JavaScript交互:`@Composable`函数`ComposableWebView`加载网页并启用JavaScript。通过`addJavascriptInterface`添加`WebAppInterface`类,允许JavaScript调用Android方法如播放音频。当页面加载完成时,执行`onWebViewReady`回调。
|
26天前
|
JavaScript 前端开发 API
JavaScript基础-BOM与窗口交互
【6月更文挑战第12天】本文介绍了BOM(浏览器对象模型),它是JavaScript与浏览器交互的API。核心对象包括顶级对象window、document、location、navigator和history。常见问题涉及window全局作用域、location.href编码、history使用和navigator.userAgent检测。提供了代码示例,如设置页面标题、页面跳转及利用history实现无刷新跳转。掌握BOM基础和最佳实践对前端开发至关重要。
前后端数据交互,request.js文件添加拦截器的写法,数据请求失败后的固定写法
前后端数据交互,request.js文件添加拦截器的写法,数据请求失败后的固定写法
|
5天前
|
JavaScript 数据安全/隐私保护 索引
node.js 命令行交互工具(最新版) inquirer.js 实用教程
node.js 命令行交互工具(最新版) inquirer.js 实用教程
8 0
|
7天前
|
JavaScript
vue + d3.js(v6) 绘制【柱状图/条形图】(含动画和交互)
vue + d3.js(v6) 绘制【柱状图/条形图】(含动画和交互)
8 0
|
1月前
|
JavaScript Java 测试技术
基于ssm+vue.js+uniapp小程序的电竞交互管理系统附带文章和源代码部署视频讲解等
基于ssm+vue.js+uniapp小程序的电竞交互管理系统附带文章和源代码部署视频讲解等
14 1
|
2月前
|
JavaScript Java 测试技术
基于ssm+vue.js的框架失物招领信息交互平台附带文章和源代码设计说明文档ppt
基于ssm+vue.js的框架失物招领信息交互平台附带文章和源代码设计说明文档ppt
19 1
|
2月前
|
JavaScript 前端开发
js的交互事件
js的交互事件
30 1
|
2月前
|
JavaScript C#
C#winForm程序与html JS交互调用
C#winForm程序与html JS交互调用
|
2月前
|
前端开发 JavaScript
前端 JavaScript 与 HTML 怎么实现交互
前端 JavaScript 与 HTML 怎么实现交互