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