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

 

出处：https://blog.csdn.net/gong_hui2000/article/details/48155547

=======================================================================================

 我自己使用的

在C#中注册：

ChromWebBrowser.RegisterJsObject("WebManager", new WebKitHelper.WebScriptManager(), new BindingOptions { CamelCaseJavascriptNames = false, });

 

在html中调用C#方法

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title>TestWeb</title>
     <script type="text/javascript" charset="utf-8">
     
        function tt(obj) {
            alert("hello:" + obj);
        }
    
        function RunTest() {
            //window.external.WebManager.ShowMsg("str");
            //WebManager.ShowMsg("str");
            var reCamar = `{'clientDown':[
                { 'name':'T1-国内-01','code':'A01','caremaId':'0'},
                { 'name':'T1-国内-02','code':'A01','caremaId':'1'},
                { 'name':'T1-国内-03','code':'A01','caremaId':'57'},
                { 'name':'T1-国内-04','code':'A01','caremaId':'58'}],
                'paxInfo':[]}`;

            WebManager.OpenMV(reCamar,"m");
        }
    
        function testClick() {
            alert("aaaaaaa")
        }
    </script>
</head>
<body>
    <input type="button" value="测试直播" onclick="RunTest()" />
    <input type="button" value="测试回放" onclick="testClick();" />
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <input type="button" id="btn" value="退出" onclick="WebManager.Exit();" />
    <br />
    <input type="button" id="btn" value="test C#" onclick="Run('--C#')" />
    <br />
</body>
</html>

 

posted on 2019-06-21 10:38  jack_Meng  阅读(22498)  评论(2)    收藏  举报

导航