CEF中JavaScript与C++交互

最新推荐文章于 2025-08-18 10:37:23 发布
转载 最新推荐文章于 2025-08-18 10:37:23 发布 · 596 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
原文链接：https://www.bbsmax.com/A/xl56rALm5r/
收录于
MFC

当前文章被收录于：

MFC
39 篇文章 0 人学习
订阅专栏 查看详情
本文深入解析了CEF（Chromium Embedded Framework）的进程机制，包括Browser与Render进程的启动流程，以及如何在不同进程中配置CefApp。特别关注了JS与Native代码的交互方法，介绍了通过CefRenderProcessHandler接口实现的多种交互方式。

Browser与Render进程

从cefsimple開始吧，cefsimple_win.cc中的wWinMain函数中调用了CefExecuteProcess()方法来检測是否要启动其他的子进程。此处的CefExecuteProcess是在libcef_dll_wrapper.cc中的，它内部又调用了cef_execute_process方法（libcef_dll.cc），cef_execute_process又调用了libcef/browser/context.cc文件内实现的CefExecuteProcess方法。这种方法代码例如以下：

 
  1. int CefExecuteProcess(const CefMainArgs& args,
  2. CefRefPtr<CefApp> application,
  3. void* windows_sandbox_info) {
  4. base::CommandLine command_line(base::CommandLine::NO_PROGRAM);
  5. #if defined(OS_WIN)
  6. command_line.ParseFromString(::GetCommandLineW());
  7. #else
  8. command_line.InitFromArgv(args.argc, args.argv);
  9. #endif
  10.  
  11. // Wait for the debugger as early in process initialization as possible.
  12. if (command_line.HasSwitch(switches::kWaitForDebugger))
  13. base::debug::WaitForDebugger(60, true);
  14.  
  15. // If no process type is specified then it represents the browser process and
  16. // we do nothing.
  17. std::string process_type =
  18. command_line.GetSwitchValueASCII(switches::kProcessType);
  19. if (process_type.empty())
  20. return -1;
  21.  
  22. CefMainDelegate main_delegate(application);
  23.  
  24. // Execute the secondary process.
  25. #if defined(OS_WIN)
  26. sandbox::SandboxInterfaceInfo sandbox_info = {0};
  27. if (windows_sandbox_info == NULL) {
  28. content::InitializeSandboxInfo(&sandbox_info);
  29. windows_sandbox_info = &sandbox_info;
  30. }
  31.  
  32. content::ContentMainParams params(&main_delegate);
  33. params.instance = args.instance;
  34. params.sandbox_info =
  35. static_cast<sandbox::SandboxInterfaceInfo*>(windows_sandbox_info);
  36.  
  37. return content::ContentMain(params);
  38. #else
  39. content::ContentMainParams params(&main_delegate);
  40. params.argc = args.argc;
  41. params.argv = const_cast<const char**>(args.argv);
  42.  
  43. return content::ContentMain(params);
  44. #endif

它分析了命令行參数，提取”type”參数。假设为空。说明是Browser进程，返回-1。这样一路回溯到wWinMain方法里，然后開始创建Browser进程相关的内容。

假设”type”參数不为空，做一些推断，最后调用了content::ContentMain方法，直到这种方法结束。子进程随之结束。

content::ContentMain方法再追溯下去，就到了chromium的代码里了。在chromium/src/content/app/content_main.cc文件里。

详细我们不分析了，感兴趣的能够去看看。

分析了CefExecuteProcess方法我们知道，Browser进程在cefsimple_win.cc内调用了CefExecuteProcess之后做了进一步的配置，这个是在simple_app.cc内完毕的，详细就是SimpleApp::OnContextInitialized()这种方法。代码例如以下：

 
  1. void SimpleApp::OnContextInitialized() {
  2. CEF_REQUIRE_UI_THREAD();
  3.  
  4. CefWindowInfo window_info;
  5.  
  6. window_info.SetAsPopup(NULL, "cefsimple");
  7.  
  8. // SimpleHandler implements browser-level callbacks.
  9. CefRefPtr<SimpleHandler> handler(new SimpleHandler());
  10.  
  11. // Specify CEF browser settings here.
  12. CefBrowserSettings browser_settings;
  13.  
  14. std::string url;
  15.  
  16. CefRefPtr<CefCommandLine> command_line =
  17. CefCommandLine::GetGlobalCommandLine();
  18. url = command_line->GetSwitchValue("url");
  19. if (url.empty())
  20. url = "http://www.google.com";
  21.  
  22. CefBrowserHost::CreateBrowser(window_info, handler.get(), url,
  23. browser_settings, NULL);
  24. }

能够看到。这里创建SimpleHandler，并传递给CefBrowserHost::CreateBrowser去使用。

如今我们清楚了，Browser进程，须要CefApp（SimpleApp实现了这个接口）和CefClient（SimpleHandler实现了这个接口）。而Renderer进程仅仅要CefApp。

另外，CEF还定义了CefBrowserProcessHandler和CefRenderProcessHandler两个接口，分别来处理Browser进程和Render进程的个性化的通知。

因此，Browser进程的App一般还须要实现CefBrowserProcessHandler接口，Renderer进程的App一般还须要实现CefRenderProcessHandler接口。这里https://bitbucket.org/chromiumembedded/cef/wiki/GeneralUsage有详细说明。

像cefsimple这个演示样例中的SimpeApp，没有实现CefRenderProcessHandler接口，没有针对Renderer进程做特别处理，所以当它作为Render进程时。会缺失一部分功能。

比方JS与Native代码交互，这正是我们想要的。

假设要实现JS与Native代码交互，最好分开实现Browser进程须要的CefApp和Render进程须要的CefApp。

像以下这样：

 
  1. class ClientAppRenderer : public CefApp,
  2. public CefRenderProcessHandler
  3. {
  4. ...
  5. }
  6.  
  7. class ClientAppBrowser : public CefApp,
  8. public CefBrowserProcessHandler
  9. {
  10. ...
  11. }

当我们实现了CefRenderProcessHandler接口，就能够在其OnContextCreated()方法中获取到CefFrame相应的window对象。在它上面绑定一些JS函数或对象。然后JS代码里就能够通过window对象訪问。假设是函数。就会调用到我们实现的CefV8Handler接口的Execute方法。

第二种实现JS与Native交互的方式，是在实现CefRenderProcessHandler的OnWebKitInitialized()方法时导出JS扩展，详细參考https://bitbucket.org/chromiumembedded/cef/wiki/JavaScriptIntegration.md，有详细说明。

cef_js_integration项目

cef_js_integration是非常easy的演示样例。用来演示JS与Native的交互。它在一个项目内实现了ClientAppBrowser、ClientAppRenderer、ClientAppOther三种CefApp。分别相应Browser、Render及其他类别的三种进程。

JS和Native代码的交互发生在Render进程。App须要继承CefRenderProcessHandler来整合JS相关功能。因此在应用在启动时做了进程类型推断。依据不同的进程类型创建不同的CefApp。

这个演示样例演示了三种JS交互方式（參见https://bitbucket.org/chromiumembedded/cef/wiki/JavaScriptIntegration.md）： 

- 在native代码中通过CefFrame::ExecuteJavaScript()来运行JavaScript代码 

- 将函数或对象绑定到CefFrame相应的window对象上。JS代码通过window对象訪问native代码导出的函数或对象 

- 使用CefRegisterExtension()注冊JS扩展，JS直接訪问注冊到JS Context中的对象

这个项目參考了cefsimple、cefclient，还有https://github.com/acristoffers/CEF3SimpleSample，终于它比cefsimple复杂一点，比cefclient简单非常多。

cef 多进程 JS通讯 的开发
09-12
本资源为cef 多进程的例子，附带了cef的库文件，可以直接运行，并展示了JS与C++ 之间的调用方法。
CEF多进程框架：CEF初始化进程过程
新兴IT民工的专栏
01-02 1431
针对这个CefExecuteProcess函数，可以也稍微扩展一下，在CEF框架中，可以通过在启动命令参数中给定–type=render，或者–type=browser等来创建不同的进程，但是都是通过CefExecuteProcess函数来创建的，具体做了哪些不一样事情？在RunAsHelperProcess函数中有一个判断，如果没有指定process_type的话，那么就代表是Browser的主进程，已经在运行，就不需要再次启动了，这个函数就直接返回了。
cef中c++和javascript数据交互的几种方法
xiaoyu的博客
01-29 1903
基础知识 cef中有两种进程，render进程和browser进程。 render进程 render进程负责显示web页面，运行javascript代码。 v8引擎的初始化是在render进程中调用的，所以你的javascript代码是在render进程中执行的。 即使你在browser进程中调用 frame->ExecuteJavaScript() 你也要清楚，代码是发送到rend...
菜鸟与 cef 的邂逅之旅（三）：Cef3 中 C++ 与 JavaScript 的互相调用
热门推荐
(ÒωÓױ)
08-02 1万+
菜鸟与 cef 的邂逅之旅（三）：Cef3 中 C++ 与 JavaScript 的互相调用 一、引言我们要实现一个强大的浏览器控件，必须要能够实现 C++ 与 JavsScript 的互相调用。于是，在我研究了：菜鸟与 cef 的邂逅之旅（一）：cef 源码获取与编译 菜鸟与 cef 的邂逅之旅（二）：Soui 中接入 Cef3 的实现这些主题之后，研究 Cef3 中 C++ 与 JavaScript 之间的
一步步CEF（3）之JavaScript与C++互动
随风动，心飞翔
12-10 1542
随便先提提，cefclient默认编译就是标准的浏览器。
CEF调试Render进程
CAir2的专栏
12-27 7913
首先我们按照CefSample的Demo去模仿自己的工程，然后在通过SimpleApp继承了CefRenderProcessHandler，并且重写了CefRenderProcessHandler的部分函数，结果发现CefSample关于Render进程的代码都没有调用。额。。。怎么回事呢？哦，对了Cef是多进程的，所以我们调试Cef Browser 进程的时候当然不会调用关于Render进程的代...
cef js返回c++的代码_CEF中JavaScript与C++交互
weixin_39620679的博客
12-22 349
foruok原创。如需转载请关注foruok的微信订阅号“程序视界”联系foruok。在贴代码之前。先来看看Browser进程和Render进程是怎么回事儿。有什么不同。Browser与Render进程从cefsimple開始吧，cefsimple_win.cc中的wWinMain函数中调用了CefExecuteProcess()方法来检測是否要启动其他的子进程。此处的CefExecuteProc...
cef C++ 与js交互
Greless的后花园
04-14 857
JS 绑定官方介绍：https://bitbucket.org/chromiumembedded/cef/wiki/JavaScriptIntegration 1.cefSample CEF中C++与JS交互，cef3 win32客户端 本项目配套博客网址：https://blog.csdn.net/leapmotion/article/details/80853508?utm_medium=distribute.pc_relevant_download.none-task-blog-baidujs-1.
C++与JavaScript在MFC应用中交互的CEF集成指南
最新发布
weixin_42610671的博客
08-18 1086
MFC（Microsoft Foundation Classes）是微软推出的一套用以简化Windows应用程序开发的C++类库。它封装了大部分Windows API，提供了一套面向对象的框架，用于简化对Windows API的调用和处理，从而允许开发者集中精力于业务逻辑的实现上。MFC还包含了诸多已经实现了的组件和控件，如对话框、按钮、列表控件等，使得开发者可以轻松创建用户界面。
Duilib封装CEF_85.3.9实现与JS交互：C++与JavaScript的桥梁
gitblog_06737的博客
05-23 757
Duilib封装CEF_85.3.9实现与JS交互：C++与JavaScript的桥梁 去发现同类优质开源项目:https://gitcode.com/ 在软件开发领域，跨语言交互一直是工程师们关注的焦点。本文将为您介绍一个开源项目——Duilib封装CEF_85.3.9实现与JS交互，它为C++与JavaScript之间的交互提供了一个高效、便捷的解决方案。 项目介绍 Duilib封装CEF_8...
CEF：C++和JS交互
CAir2的专栏
12-27 7506
CEF 中的JavaScript CEF 利用 V8 JS 引擎来实现 JS。 浏览器中的每一个 frame 都有自己的 JS 上下文，JS 只能在该上下文中执行。 JS 只能在渲染进程中的 TID_RENDERER 线程中执行。 有关 JS 回调的接口都包含在 CefRenderProcessHandler 中，因此我们要实现这个接口来对 JS 进行扩展。这个接口一般由 CefApp 实现。 ...
CEF JS与c++能够交互的原理 以及 JS 调用C++的流程分析
目前打算换一个工作，有招聘windows c++方向的也欢迎联系，北京、济南 最好
03-08 1161
当js中，触发了扩展代码中的函数中，就会调到这里处理// 当Web中调用了"NimCefWebFunction"函数后，会触发到这里，然后把参数保存，转发到Broswer进程// Broswer进程的BrowserHandler类在OnProcessMessageReceived接口中处理kJsCallbackMessage消息，就可以收到这个消息// 允许没有参数列表的调用，第二个参数为回调// 如果传递了参数列表，那么回调是第三个参数else。
在 Cef 中实现 C++ 与 JavaScript 交互场景分析
jessicaiu的博客
12-06 420
此文已由作者邓佳佳授权网易云社区发布。欢迎访问网易云社区，了解更多网易技术产品运营经验本文主要介绍 CEF 场景中 C++ 和 JavaScript 交互（以下简称 JS Bridge）中的一些重要节点，包括了 C++/JavaScript 的方法注册、方法调用、回调管理。以下是一些重要的参考资料：CEF Util 中文翻译资料：https://github.com/fanfeilong/cefu...
cef中js与C++交互
perfectMutation的博客
06-11 1426
cefquery方式交互 前端使用 window.cefQuery({ request: 'checkProductID', 请求名作为标识 persistent: false, onSuccess: this.checkLicenseSucess, onFailure: this.checkLicenseFailure }); cef端处理：OnQuery if (message_name == kMessageCheckLi
Cef3中js与C++交互（一）——窗口绑定
斧冰
09-15 2479
看了网上的一些博客和教程，还是有点迷糊。 再回头看官方文档https://bitbucket.org/chromiumembedded/cef/wiki/JavaScriptIntegration.md 还自己用例子来验证吧。 Qt工程中的目录结构，VS2017编译器（Qt用的是Qt5.14.2） 这里的文件都和之前的一样，我这里就不再赘述了，我会放到百度云上，大家下载下来看就一目了然了。 simple_app.h #pragma once #include "include/cef_app.h"
CEF3开发者系列之JS与C++交互之一
weixin_30790841的博客
06-19 149
转载：https://www.cnblogs.com/guolixiucai/category/732385.html JS与Native交互是相对于比较困难的技术，在学习这门技术之前，我们先了解下浏览器内核中的JS引擎与chromium内核的V8引擎相关知识。在浏览器应用中，JS与本地代码互相调用，得益于浏览器内核对JS的支持。每一个浏览器内核都有JS引擎，当我们在浏览器上操作时，浏览器把侦听...
cef js返回c++的代码_CEF3开发者系列之JS与C++交互之二
weixin_39853590的博客
12-22 392
本文翻译自JavaScriptIntegration (https://bitbucket.org/chromiumembedded/cef/wiki/JavaScriptIntegration)。本人在CEF3方面的功力尚浅，翻译中有不当之处，请赐教。对于一些没有太大把握的地方，同时给出了英文和翻译。如不想看本人的拙作，亦可看幻灰龙的JavaScript和Cpp交互示例(Custom Imple...
duilib+cef+echarts (五) duilib加载cef中js与c++的交互
weixin_44167436的博客
03-23 800
前面我们已经写了如何在duilib中加载cef浏览器并调用echarts显示图表，本章我们来说js与c++如何进行通信CEF3是基于chromium内核，其所使用的JS引擎是V8。谷歌为了性能，直接省去了转换字节码这一步，它甚至采用直接将JavaScript编译成本地代码的方式。v8 API不仅提供了编译和运行JavaScript代码的功能，还提供了其他与C++交互的功能，包括函数和数据结构的注册，错误处理，安全检查等。C++应用程序可以将v8当作一个普通类库使用，只需引用v8.h即可。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值