CefSharp 与 js 相互调用

CefSharp 与 js 相互调用

一. CefSharp调用 js

CefSharp.WinForms.ChromiumWebBrowser wb;

...

方式1. ExecuteScriptAsync 方法使用方式与 js 的 eval方法一样，异步执行，无返回值。

// xxx为js的方法名称

wb.ExecuteScriptAsync("xxx()");

// 为 js 的 变量jsVar赋值 'abc'

wb.ExecuteScriptAsync("jsVar='abc'");

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

Task<CefSharp.JavascriptResponse> t = wb.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());

}

二. js 调用 CefSharp的对象

1. 将c#对象注册为 js对象

public class JsEvent

{

public string MessageText = string.Empty;

public void ShowTest()

{

MessageBox.Show("this in C#.\n\r" + MessageText);

}

}

...

CefSharp.WinForms.ChromiumWebBrowser wb;

...

// CefSharp 默认的 RegisterJsObject（没有 camelCaseJavascriptNames 参数），只认小写字母开始的属性、方法名称。

// 使用带 camelCaseJavascriptNames 参数的 RegisterJsObject，传入 false，就能识别大写字母开始的属性、方法名称了。

wb.RegisterJsObject("jsObj", new JsEvent(), false);

2. js调用注册的c#对象

jsObj.MessageText = "hello";

jsObj.ShowTest();