Duilib嵌入CEF以及JavaScript与C++交互

转载:http://blog.csdn.net/foruok/article/details/50573612

转载:http://blog.csdn.net/foruok/article/details/50584985

转载:http://blog.csdn.net/mfcing/article/details/44539035

转载:https://github.com/fanfeilong/cefutil/blob/master/doc/CEF_JavaScript_Cpp.md

转载:https://blog.csdn.net/aseseven/article/details/79482515(CEF3加载本地HTML文件时中文路径乱码的问题解决办法)

转载:https://blog.csdn.net/u012778714/article/category/7003599

JS与Native代码交互，是在Render进程中，所以我们要实现CefRenderProcessHandler接口

一、JS 调用 C++

JavaScript注册函数给Render进程，Render进程保存该JavaScript函数
Render进程发消息通知Browser进程
Browser进程处理后，回发消息给Render进程
Render进程调用之前保存的JavaScript函数

1.带参数没有返回值

自己的APP类要继承于CefRenderProcessHandler

 1 #ifndef _CEFBROWSERAPP_H_
 2 #define _CEFBROWSERAPP_H_
 3 #include "include/cef_app.h"
 4 #include "CEFV8HandlerEx.h"
 5
 6 class CCefBrowserApp
 7     : public CefApp
 8     , public CefBrowserProcessHandler
 9     , public CefRenderProcessHandler
10 {
11 public:
12     CCefBrowserApp();
13
14     virtual ~CCefBrowserApp();
15
16 public:
17     virtual CefRefPtr<CefBrowserProcessHandler> GetBrowserProcessHandler()OVERRIDE { return this; };
18
19 public:
20     // CefBrowserProcessHandler methods:
21     virtual void OnContextInitialized();
22
23     //CefRenderProcessHandler methods
24     virtual void OnWebKitInitialized();
25
26     CefRefPtr<CefRenderProcessHandler> GetRenderProcessHandler() OVERRIDE{ return this; }
27
28     virtual void OnContextCreated(CefRefPtr<CefBrowser> browser, CefRefPtr<CefFrame> frame, CefRefPtr<CefV8Context> context);
29
30     virtual void OnContextReleased(CefRefPtr<CefBrowser> browser, CefRefPtr<CefFrame> frame, CefRefPtr<CefV8Context> context);
31
32 protected:
33
34     CefRefPtr<CCEFV8HandlerEx> m_v8Handler;
35
36     IMPLEMENT_REFCOUNTING(CCefBrowserApp);
37 };
38 #endif //_CEFBROWSERAPP_H_

.cpp

 1 #include "CefBrowserApp.h"
 2 #include "stdafx.h"
 3
 4
 5 CCefBrowserApp::CCefBrowserApp()
 6     :m_v8Handler(new CCEFV8HandlerEx)
 7 {
 8 }
 9
10 CCefBrowserApp::~CCefBrowserApp()
11 {
12 }
13
14
15 void CCefBrowserApp::OnContextInitialized()
16 {
17     // do nothing here, because we will create browser in my own dialog
18 }
19
20 void CCefBrowserApp::OnContextCreated(CefRefPtr<CefBrowser> browser,
21                               CefRefPtr<CefFrame> frame,
22                               CefRefPtr<CefV8Context> context)
23 {
24     // Retrieve the context's window object.
25     CefRefPtr<CefV8Value> object = context->GetGlobal();
26
27     // Create the "NativeLogin" function.
28     CefRefPtr<CefV8Value> func = CefV8Value::CreateFunction("NativeLogin", m_v8Handler);
29
30     // Add the "NativeLogin" function to the "window" object.
31     object->SetValue("NativeLogin", func, V8_PROPERTY_ATTRIBUTE_NONE);
32 }
33
34 void CCefBrowserApp::OnWebKitInitialized()
35 {
36     std::string app_code =
37         "var app;"
38         "if (!app)"
39         "    app = {};"
40         "(function() {"
41         "    app.GetId = function() {"
42         "        native function GetId();"
43         "        return GetId();"
44         "    };"
45         "})();";
46
47     // Registered Javascript Function, which will be called by Cpp
48     "  app.registerJavascriptFunction = function(name,callback) {"
49         "    native function registerJavascriptFunction();"
50         "    return registerJavascriptFunction(name,callback);"
51         "  };"
52
53         "})();";
54
55
56     CefRegisterExtension("v8/app", app_code, m_v8Handler);//第一个参数不能为空，否则报错，这个名字可以自定义
57 }

注：CefRegisterExtension的注释

// Example JavaScript extension code:
// <pre>
//   // create the 'example' global object if it doesn't already exist.
//   if (!example)
//     example = {};
//   // create the 'example.test' global object if it doesn't already exist.
//   if (!example.test)
//     example.test = {};
//   (function() {
//     // Define the function 'example.test.myfunction'.
//     example.test.myfunction = function() {
//       // Call CefV8Handler::Execute() with the function name 'MyFunction'
//       // and no arguments.
//       native function MyFunction();
//       return MyFunction();
//     };
//     // Define the getter function for parameter 'example.test.myparam'.
//     example.test.__defineGetter__('myparam', function() {
//       // Call CefV8Handler::Execute() with the function name 'GetMyParam'
//       // and no arguments.
//       native function GetMyParam();
//       return GetMyParam();
//     });
//     // Define the setter function for parameter 'example.test.myparam'.
//     example.test.__defineSetter__('myparam', function(b) {
//       // Call CefV8Handler::Execute() with the function name 'SetMyParam'
//       // and a single argument.
//       native function SetMyParam();
//       if(b) SetMyParam(b);
//     });
//
//     // Extension definitions can also contain normal JavaScript variables
//     // and functions.
//     var myint = 0;
//     example.test.increment = function() {
//       myint += 1;
//       return myint;
//     };
//   })();
// </pre>
// Example usage in the page:
// <pre>
//   // Call the function.
//   example.test.myfunction();
//   // Set the parameter.
//   example.test.myparam = value;
//   // Get the parameter.
//   value = example.test.myparam;
//   // Call another function.
//   example.test.increment();
// </pre>
///

58
59 void CCefBrowserApp::OnContextReleased(CefRefPtr<CefBrowser> browser, CefRefPtr<CefFrame> frame, CefRefPtr<CefV8Context> context)
60 {
61     m_v8Handler = nullptr;
62 }

OnContextCreated给window对象绑定了一个NativeLogin函数，这个函数将由ClientV8Handler类来处理，当HTML中的JS代码调用window.NativeLogin时，ClientV8Handler的Execute方法会被调用。

OnWebKitInitialized注册了一个名为app的JS扩展，在这个扩展里为app定义了GetId方法，app.GetId内部调用了native版本的GetId()。HTML中的JS代码可能如下：

alert(app.GetId());

当浏览器执行上面的代码时，CCEFV8HandlerEx的Execute方法会被调用,现在来看CCEFV8HandlerEx的实现

 1 #ifndef _CEFV8HANDLEREX_H_
 2 #define _CEFV8HANDLEREX_H_
 3
 4 #include "include/cef_v8.h"
 5
 6 class CCEFV8HandlerEx : public CefV8Handler {
 7 public:
 8     CCEFV8HandlerEx();
 9
10     ~CCEFV8HandlerEx();
11 public:
12     virtual bool Execute(const CefString& name, CefRefPtr<CefV8Value> object, const CefV8ValueList& arguments, CefRefPtr<CefV8Value>& retval, CefString& exception) override;
13 private:
14     // Map of message callbacks.
15     typedef std::map<std::pair<std::string, int>, std::pair<CefRefPtr<CefV8Context>, CefRefPtr<CefV8Value> > >CallbackMap;
16     CallbackMap callback_map_;
17
18 protected:
19     IMPLEMENT_REFCOUNTING(CCEFV8HandlerEx);
20 };
21 #endif//_CEFV8HANDLEREX_H_

.cpp

 1 #include "CEFV8HandlerEx.h"
 2 #include "stdafx.h"
 3 #include <strsafe.h>
 4
 5 CCEFV8HandlerEx::CCEFV8HandlerEx()
 6 {
 7
 8 }
 9
10 CCEFV8HandlerEx::~CCEFV8HandlerEx()
11 {
12     // Remove any JavaScript callbacks registered for the context that has been released.
13     if (!callback_map_.empty()) {
14         CallbackMap::iterator it = callback_map_.begin();
15         for (; it != callback_map_.end();) {
16             if (it->second.first->IsSame(it->second.first))
17                 callback_map_.erase(it++);
18             else
19                 ++it;
20         }
21     }
22 }
23
24
25 bool CCEFV8HandlerEx::Execute(const CefString& name  /*JavaScript调用的C++方法名字*/, CefRefPtr<CefV8Value> object /*JavaScript调用者对象*/, const CefV8ValueList& arguments /*JavaScript传递的参数*/, CefRefPtr<CefV8Value>& retval /*返回给JS的值设置给这个对象*/, CefString& exception/*通知异常信息给JavaScript*/)
26 {
27     if (name == "NativeLogin")
28     {//Window Binding
29         if (arguments.size() == 2)
30         {
31             CefString strUser = arguments.at(0)->GetStringValue();
32             CefString strPassword = arguments.at(1)->GetStringValue();
33
34             //TODO: doSomething() in native way
35
36             CefRefPtr<CefProcessMessage> msg = CefProcessMessage::Create("login_msg");
37
38             // Retrieve the argument list object.
39             CefRefPtr<CefListValue> args = msg->GetArgumentList();
40
41             // Populate the argument values.
42             args->SetSize(2);
43             args->SetString(0, strUser);
44             args->SetString(1, strPassword);
45
46             // Send the process message to the browser process.
47             CefV8Context::GetCurrentContext()->GetBrowser()->SendProcessMessage(PID_BROWSER, msg);
48
49
50
51             retval = CefV8Value::CreateInt(0);//函数的返回值 我们可以拿这个返回值做判断或者其他操作//var result = window.NativeLogin(document.getElementById("userName").value, document.getElementById("password").value);                                                 //document.getElementById("text").innerHTML = result

52         }
53         else
54         {
55             retval = CefV8Value::CreateInt(2);
56         }
57         return true;
58     }
59     else if (name == "GetId")
60     {//JS Extensions
61         if (arguments.size() == 0)
62         {
63             // execute javascript
64             // just for test
65             CefRefPtr<CefFrame> frame = CefV8Context::GetCurrentContext()->GetBrowser()->GetMainFrame();
66             frame->ExecuteJavaScript("alert('Hello, I came from native world.')", frame->GetURL(), 0);
67
68             // return to JS
69             retval = CefV8Value::CreateString("72395678");
70             return true;
71         }
72     }
73     // Function does not exist.
74     return false;
75 }

在Browser进程中接受Render进程发过来的消息

重写 virtual bool OnProcessMessageReceived(CefRefPtr<CefBrowser> browser, CefProcessId source_process,CefRefPtr<CefProcessMessage> message);这个虚函数

我把C++函数都写在了窗口类中，所以我对CCefBrowserEventHandler做了修改,把窗口指针传到Browser中，方便调用

 1 #ifndef _CEFBROWSEREVENTHANDLER_H_
 2 #define _CEFBROWSEREVENTHANDLER_H_
 3 #include "include/cef_client.h"
 4 #include "include/base/cef_lock.h" //线程安全
 5
 6
 7 class CMainFrameWnd;
 8
 9 class CCefBrowserEventHandler
10     : public CefClient
11     , public CefDisplayHandler            // 显示变化事件
12     , public CefLoadHandler                // 加载错误事件
13     , public CefLifeSpanHandler            // 声明周期事件
14     //, public CefContextMenuHandler    // 上下文菜单事件
15     //, public CefDialogHandler            // 对话框事件
16     //, public CefDownloadHandler        // 下载事件
17     //, public CefDragHandler            // 拖拽事件
18     //, public CefFindHandler            // 查找事件
19     //, public ...
20 {
21 public:
22     CCefBrowserEventHandler(CMainFrameWnd* pMainFrame);
23
24     virtual ~CCefBrowserEventHandler();
25
26 public:
27     // CefClient 事件处理器,如果没有对应处理器则默认使用内部处理器
28     virtual CefRefPtr<CefDisplayHandler> GetDisplayHandler() OVERRIDE;
29     virtual CefRefPtr<CefLifeSpanHandler> GetLifeSpanHandler() OVERRIDE;
30     virtual CefRefPtr<CefLoadHandler> GetLoadHandler() OVERRIDE;
31
32 public:
33     // display handler method
34     virtual void OnTitleChange(CefRefPtr<CefBrowser> browser, const CefString& title) OVERRIDE;
35
36 public:
37     // load handler method
38     virtual void OnLoadError(CefRefPtr<CefBrowser> browser, CefRefPtr<CefFrame> frame,
39         ErrorCode errorCode, const CefString& errorText, const CefString& failedUrl) OVERRIDE;
40
41 public:
42     // display handler meethod
43     virtual void OnAfterCreated(CefRefPtr<CefBrowser> browser) OVERRIDE;
44     virtual bool DoClose(CefRefPtr<CefBrowser> browser) OVERRIDE;
45     virtual void OnBeforeClose(CefRefPtr<CefBrowser> browser) OVERRIDE;
46
47
48     virtual bool OnProcessMessageReceived(CefRefPtr<CefBrowser> browser,
49         CefProcessId source_process,
50         CefRefPtr<CefProcessMessage> message);
51
52
53     bool IsClosing() const { return m_bIsClosing; }
54
55     CefRefPtr<CefBrowser> GetBrowser(){return m_Browser;}
56
57 protected:
58
59     CefRefPtr<CefBrowser> m_Browser;
60
61     bool m_bIsClosing;
62
63     CMainFrameWnd*      m_pMainWnd;
64
65     IMPLEMENT_REFCOUNTING(CCefBrowserEventHandler);
66     //由于CEF采用多线程架构，有必要使用锁和闭包来保证在多不同线程安全的传递数据。IMPLEMENT_LOCKING定义提供了Lock()和Unlock()方法以及AutoLock对象来保证不同代码块同步访问
67     IMPLEMENT_LOCKING(CCefBrowserEventHandler);//必须包含#include "include/base/cef_lock.h"
68 };
69
70 #endif//_CEFBROWSEREVENTHANDLER_H_

.cpp

  1 #include "CefBrowserEventHandler.h"
  2 #include "stdafx.h"
  3 #include <sstream>
  4 #include <string>
  5 #include "include/cef_app.h"
  6 #include "include/wrapper/cef_closure_task.h"
  7 #include "include/wrapper/cef_helpers.h"
  8 #include "MainFrameWnd.h"
  9
 10
 11 CCefBrowserEventHandler::CCefBrowserEventHandler(CMainFrameWnd* pMainFrame)
 12     :m_bIsClosing(false)
 13     ,m_pMainWnd(pMainFrame)
 14 {
 15
 16 }
 17
 18 CCefBrowserEventHandler::~CCefBrowserEventHandler()
 19 {
 20
 21 }
 22
 23 CefRefPtr<CefDisplayHandler> CCefBrowserEventHandler::GetDisplayHandler()
 24 {
 25     return this;
 26 }
 27
 28 CefRefPtr<CefLifeSpanHandler> CCefBrowserEventHandler::GetLifeSpanHandler()
 29 {
 30     return this;
 31 }
 32
 33 CefRefPtr<CefLoadHandler> CCefBrowserEventHandler::GetLoadHandler()
 34 {
 35     return this;
 36 }
 37
 38 void CCefBrowserEventHandler::OnTitleChange(CefRefPtr<CefBrowser> browser, const CefString& title)
 39 {
 40
 41 }
 42
 43 void CCefBrowserEventHandler::OnLoadError(CefRefPtr<CefBrowser> browser, CefRefPtr<CefFrame> frame, ErrorCode errorCode,
 44                                           const CefString& errorText, const CefString& failedUrl)
 45 {
 46     CEF_REQUIRE_UI_THREAD();
 47     if (ERR_ABORTED == errorCode)
 48         return ;
 49
 50     std::stringstream ss;
 51     ss <<    "<html><body bgcolor=\"white\">"
 52             "<h2>Failed to load URL " << std::string(failedUrl) <<
 53             " with error " << std::string(errorText) << " (" << errorCode <<
 54             ").</h2></body></html>";
 55     frame->LoadString(ss.str(), failedUrl);
 56 }
 57
 58 void CCefBrowserEventHandler::OnAfterCreated(CefRefPtr<CefBrowser> browser)
 59 {
 60     CEF_REQUIRE_UI_THREAD();
 61
 62     //base::AutoLock lock_scope(lock_);
 63
 64     AutoLock lock_scope(this);
 65
 66      m_Browser = browser;
 67
 68 }
 69
 70 bool CCefBrowserEventHandler::DoClose(CefRefPtr<CefBrowser> browser)
 71 {
 72     CEF_REQUIRE_UI_THREAD();
 73
 74     //base::AutoLock lock_scope(lock_);
 75     AutoLock lock_scope(this);
 76
 77
 78     if(m_Browser)
 79     {
 80         // Set a flag to indicate that the window close should be allowed.
 81         m_bIsClosing = true;
 82     }
 83
 84     return false;
 85 }
 86
 87 void CCefBrowserEventHandler::OnBeforeClose(CefRefPtr<CefBrowser> browser)
 88 {
 89     CEF_REQUIRE_UI_THREAD();
 90
 91     //base::AutoLock lock_scope(lock_);
 92     AutoLock lock_scope(this);
 93
 94     if(m_Browser->IsSame(browser))
 95         m_Browser = NULL;
 96 }
 97
 98 bool CCefBrowserEventHandler::OnProcessMessageReceived(CefRefPtr<CefBrowser> browser,
 99                                       CefProcessId source_process,
100                                       CefRefPtr<CefProcessMessage> message)
101 {
102     const std::string& messageName = message->GetName();
103     if (messageName == "login_msg")
104     {
105         // extract message
106         CefRefPtr<CefListValue> args = message->GetArgumentList();
107         CefString strUser = args->GetString(0);
108         CefString strPassword = args->GetString(1);
109
110         m_pMainWnd->CEFLoginJsCallCPP(strUser,strPassword);//窗口类的成员函数
111
112                 //如果函数有返回值也可以通过向Render发送消息传递
113         //send reply to render process
114         CefRefPtr<CefProcessMessage> outMsg = CefProcessMessage::Create("login_reply");
115
116         // Retrieve the argument list object.
117         CefRefPtr<CefListValue> replyArgs = outMsg->GetArgumentList();
118
119         // Populate the argument values.
120         replyArgs->SetSize(1);
121         replyArgs->SetInt(0, 0);
122
123         // Send the process message to the renderer process.
124         browser->SendProcessMessage(PID_RENDERER, outMsg);
125
126         return true;
127     }
128
129     return false;
130 }

Browser进程处理完后向Render进程发了消息，The render process receives the IPC message处理

 1 #ifndef _CEFBROWSERAPP_H_
 2 #define _CEFBROWSERAPP_H_
 3 #include "include/cef_app.h"
 4 #include "CEFV8HandlerEx.h"
 5
 6 class CCefBrowserApp
 7     : public CefApp
 8     , public CefBrowserProcessHandler
 9     , public CefRenderProcessHandler
10 {
11 public:
12     CCefBrowserApp();
13
14     virtual ~CCefBrowserApp();
15
16 public:
17     virtual CefRefPtr<CefBrowserProcessHandler> GetBrowserProcessHandler()OVERRIDE { return this; };
18
19 public:
20     // CefBrowserProcessHandler methods:
21     virtual void OnContextInitialized();
22
23     //CefRenderProcessHandler methods
24     virtual void OnWebKitInitialized();
25
26     CefRefPtr<CefRenderProcessHandler> GetRenderProcessHandler() OVERRIDE{ return this; }
27
28     virtual void OnContextCreated(CefRefPtr<CefBrowser> browser, CefRefPtr<CefFrame> frame, CefRefPtr<CefV8Context> context);
29
30     virtual void OnContextReleased(CefRefPtr<CefBrowser> browser, CefRefPtr<CefFrame> frame, CefRefPtr<CefV8Context> context);
31
32     //收消息
33     virtual bool OnProcessMessageReceived(CefRefPtr<CefBrowser> browser, CefProcessId source_process, CefRefPtr<CefProcessMessage> message);
34
35 protected:
36
37     CefRefPtr<CCEFV8HandlerEx> m_v8Handler;
38
39     IMPLEMENT_REFCOUNTING(CCefBrowserApp);
40 };
41 #endif //_CEFBROWSERAPP_H_

.cpp

 1 #include "CefBrowserApp.h"
 2 #include "stdafx.h"
 3
 4
 5 CCefBrowserApp::CCefBrowserApp()
 6     :m_v8Handler(new CCEFV8HandlerEx)
 7 {
 8 }
 9
10 CCefBrowserApp::~CCefBrowserApp()
11 {
12 }
13
14
15 void CCefBrowserApp::OnContextInitialized()
16 {
17     // do nothing here, because we will create browser in my own dialog
18 }
19
20 void CCefBrowserApp::OnContextCreated(CefRefPtr<CefBrowser> browser,
21                               CefRefPtr<CefFrame> frame,
22                               CefRefPtr<CefV8Context> context)
23 {
24     // Retrieve the context's window object.
25     CefRefPtr<CefV8Value> object = context->GetGlobal();
26
27     // Create the "NativeLogin" function.
28     CefRefPtr<CefV8Value> func = CefV8Value::CreateFunction("NativeLogin", m_v8Handler);//第一个参数和SetValue参数保持一致,否则无法调用
29
30     // Add the "NativeLogin" function to the "window" object.
31     object->SetValue("NativeLogin", func, V8_PROPERTY_ATTRIBUTE_NONE);
32
33     // Add the "register" function to the "window" object.
34     object->SetValue("register",CefV8Value::CreateFunction("register", m_v8Handler),V8_PROPERTY_ATTRIBUTE_NONE);
35 }
36
37 void CCefBrowserApp::OnWebKitInitialized()
38 {
39     std::string app_code =
40         "var app;"
41         "if (!app)"
42         "    app = {};"
43         "(function() {"
44         "    app.GetId = function() {"
45         "        native function GetId();"
46         "        return GetId();"
47         "    };"
48         "})();";
49
50     // Registered Javascript Function, which will be called by Cpp
51     "  app.registerJavascriptFunction = function(name,callback) {"
52         "    native function registerJavascriptFunction();"
53         "    return registerJavascriptFunction(name,callback);"
54         "  };"
55
56         "})();";
57
58
59     CefRegisterExtension("v8/app", app_code, m_v8Handler);//第一个参数不能为空
60 }
61
62 void CCefBrowserApp::OnContextReleased(CefRefPtr<CefBrowser> browser, CefRefPtr<CefFrame> frame, CefRefPtr<CefV8Context> context)
63 {
64     m_v8Handler = nullptr;
65 }
66
67 bool CCefBrowserApp::OnProcessMessageReceived(CefRefPtr<CefBrowser> browser,CefProcessId source_process,CefRefPtr<CefProcessMessage> message)
68 {
69     const std::string& messageName = message->GetName();
70     if (messageName == "login_reply")
71     {
72         // extract message
73         CefRefPtr<CefListValue> args = message->GetArgumentList();
74         bool status = args->GetBool(0);
75
76         CefRefPtr<CefFrame> frame = browser->GetMainFrame();
77
78         if (status)
79         {
80             frame->ExecuteJavaScript("IsSuccess();", frame->GetURL(), 0);
81         }
82
83         return true;
84     }
85
86     return false;
87 }

2.JS CallBack

在OnContextCreated()函数中给window绑定函数

1 // Create the "register" function.
2     CefRefPtr<CefV8Value> func = CefV8Value::CreateFunction("register", m_v8Handler);//第一个参数和SetValue参数保持一致,否则无法调用
3
4 // Add the "register" function to the "window" object.
5     object->SetValue("register", func, V8_PROPERTY_ATTRIBUTE_NONE);

在Exectue()函数中处理

else if (name == "register")
{if (arguments.size() == 1 && arguments[0]->IsFunction()) {CefRefPtr<CefV8Value> callback_func_ = arguments[0];CefRefPtr<CefV8Context> callback_context_ = CefV8Context::GetCurrentContext();callback_func_->ExecuteFunction(NULL, arguments);//执行回调函数return true;}
}

在HTML的JavaScript里这样写

  function myFunc()
{// do something in JS.alert("callback");
}//js CALLback
function CallBack()
{window.register(myFunc);
}

3.C++ 调用 JS

C++调用JS函数相对简单多了，因为CEF有接口可以直接使用CefFrame::ExecuteJavaScript，看看注释:

 1  ///
 2   // Execute a string of JavaScript code in this frame. The |script_url|
 3   // parameter is the URL where the script in question can be found, if any.
 4   // The renderer may request this URL to show the developer the source of the
 5   // error.  The |start_line| parameter is the base line number to use for error
 6   // reporting.
 7   ///
 8   /*--cef(optional_param=script_url)--*/
 9   virtual void ExecuteJavaScript(const CefString& code,
10                                  const CefString& script_url,
11                                  int start_line) =0;

首先需要获取到我们的浏览器里的主框架对象，code是JS函数和传入参数的字符串，URL可以直接忽略。

1 CefRefPtr<CefFrame> frame = m_handler->GetBrowser()->GetMainFrame();
2
3 m_handler是我们自己定义的Handler对象
4
5 /C++ 调用js方法
6 //frame->ExecuteJavaScript(L"Test();",frame->GetURL(),0);//提示框
7 //frame->ExecuteJavaScript(L"ModifyValue();",frame->GetURL(),0);//无参数函数
8 frame->ExecuteJavaScript(L"ModifyValue('巴萨牛逼');",frame->GetURL(),0);//有参数函数9 如果参数是可变的，可以这样

CString strJsCode;strJsCode.Format(L"setInstallStatus('%s','%s','%d');", lpData->strId.c_str(), strStatus, nPercent);

其中setInstallStatus是js函数，它有三个参数

我在HMTL里写的

  function Test()
{alert("js被C++非礼了");
}function ModifyValue( arr)
{//document.getElementById("text").innerHTML = "被修改了";alert(arr);document.getElementById("text").innerHTML = arr;}

转载于:https://www.cnblogs.com/chechen/p/6138167.html

Duilib嵌入CEF以及JavaScript与C++交互相关推荐

Duilib嵌入CEF出现窗口显示不正常
参考资料:https://www.aliyun.com/zixun/wenji/1247250.html 一.在实际项目开发中,窗口最小化后,点击任务栏图标还原窗口,出现窗口显示不全,这时需要手动重绘 ...
第七节_我的日记本开发手记（7）——Javascript与c#交互
这一节我们主要实现JavaScript与c#交互,都是一些基本知识,为我们后面的程序开发做好准备. 一.c#调用Javascript 在Formium 窗体中,使用ExecuteJavaScript和 ...
iOS原生WebView中JavaScript和OC交互
在iOS开发中很多时候我们会和UIWebView打交道,目前国内的很多应用都采用了UIWebView的混合编程技术,最常见的是微信公众号的内容页面.前段时间在做微信公众平台相关的开发,发现很多应用场景 ...
java js获取css方法_5种JavaScript和CSS交互的方法
原标题:5种JavaScript和CSS交互的方法随着浏览器不断的升级改进,CSS和Java之间的界限越来越模糊.本来它们是负责着完全不同的功能,但最终,它们都属于网页前端技术,它们需要相互密切的合 ...
flex与JavaScript的数据交互
上一篇发了 flex3 接受外部参数 ,但是后来想想,应该更进一步的了解 flex与JavaScript的数据交互. 第一种: test4.swf 代码: <?xml version=" ...
使用 Javascript 与 Flow 交互
本文假设读者是熟悉 JavaScript 和 React[1] 的开发者,对 Flow[2] 有着一定的了解,或者熟悉 Flow 智能合约语言 Cadence[3] 相关的概念. 我们将通过本文熟悉并 ...
响应式网页设计之JavaScript与CSS交互
JavaScript与CSS交互补充:文章中所有的代码都是写在html文件中,JS代码需要用< script >< /script >标签包起来. 文章目录 JavaScri ...
jQuery基础与JavaScript与CSS交互-第五章
目录 JavaScript框架种类及其优缺点 jQuery库 jQuery对象$ 掌握基本选择器掌握过滤选择器掌握表单选择器 RIA技术常见的RIA技术 - Ajax - Sliverlight ...
Duilib嵌入cef3，实现浏览器功能
CEF3介绍: CEF全称Chromium Embedded Framework,是一个基于Google Chromium 的开源项目.Google Chromium项目主要是为Google Chro ...

Duilib嵌入CEF以及JavaScript与C++交互

Duilib嵌入CEF以及JavaScript与C++交互相关推荐

最新文章

热门文章