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