当前位置：首页 > 行业动态 > 正文

如何实现CEF3JS与C语言之间的高效交互？

admin
行业动态
2024-12-05
3096

cef3js 和 c 交互可以通过 cef3js 提供的接口实现，通过调用 c 语言编写的函数来执行特定的操作。

在CEF3中，JavaScript和C++的交互是一个重要的功能，它允许开发者在浏览器进程中执行JavaScript代码，并从C++端获取或传递数据，以下将详细介绍如何在CEF3中实现JavaScript与C++的交互。

如何实现CEF3JS与C语言之间的高效交互？第1张

CEF3中的JS与C++交互

1. 基本概念与架构

Chromium Embedded Framework (CEF) 使用V8 JavaScript引擎来执行内部的JavaScript代码，每个Frame在浏览器进程中都有一个独立的JS上下文，这些上下文提供了安全且有限的环境来执行JavaScript代码，CEF3 Blink（WebKit）和JS执行运行在独立的渲染进程中，主线程命名为TID_RENDERER，所有V8引擎的运行都在这个线程中。

2. 执行JavaScript

在客户端执行JavaScript最简单的方法是使用CefFrame::ExecuteJavaScript()函数，该函数可以在浏览器和渲染进程中使用，并且能在JS上下文之外执行JavaScript代码。

CefRefPtr<CefBrowser> browser = ...;
CefRefPtr<CefFrame> frame = browser->GetMainFrame();
frame->ExecuteJavaScript("alert('ExecuteJavaScript works!');", frame->GetURL(), 0);

这段代码会在浏览器的主Frame中弹出一个提示框，显示“ExecuteJavaScript works!”。

3. 窗口绑定

窗口绑定允许客户端应用程序将值附加到一个框架窗口对象上，窗口绑定通过CefRenderProcessHandler::OnContextCreated()方法实现。

void MyRenderProcessHandler::OnContextCreated(
    CefRefPtr<CefBrowser> browser,
    CefRefPtr<CefFrame> frame,
    CefRefPtr<CefV8Context> context) {
    // 获取上下文的全局对象
    CefRefPtr<CefV8Value> object = context->GetGlobal();
    // 创建一个新的V8字符串值
    CefRefPtr<CefV8Value> str = CefV8Value::CreateString("My Value!");
    // 将字符串添加到window对象作为"window.myval"
    object->SetValue("myval", str, V8_PROPERTY_ATTRIBUTE_NONE);
}

在JavaScript中，可以通过以下方式访问这个值：

<script language="JavaScript">
alert(window.myval); // 显示带有 "My Value!" 的提示框
</script>

每次重新加载框架时，都会给客户端应用程序提供修改绑定的机会。

4. 扩展

扩展与窗口绑定类似，但在每个框架的上下文中加载后不能修改，当扩展加载后，DOM不存在，如果在扩展加载期间试图访问DOM会导致崩溃，扩展使用CefRegisterExtension()函数注册，在CefRenderProcessHandler::OnWebKitInitialized()方法中调用。

void MyRenderProcessHandler::OnWebKitInitialized() {
    // 定义扩展内容
    std::string extensionCode = "var test;"
    "if (!test)"
    "  test = {};"
    "(function() {"
    "  test.myval = 'My Value!';"
    "})();";
    // 注册扩展
    CefRegisterExtension("v8/test", extensionCode, NULL);
}

在JavaScript中，可以通过以下方式访问这个值：

<script language="JavaScript">
alert(test.myval); // 显示带有 "My Value!" 的提示框
</script>

扩展代码可以是任何合法的JavaScript代码，在框架中JS可以与扩展代码交互。

5. 基本的JS类型

CEF支持创建基本的JS数据类型，包括undefined、null、bool、int、double、date和string，这些类型使用CefV8Value::Create*()静态方法创建，创建一个新的JS string类型使用CreateString()方法：

CefRefPtr<CefV8Value> str = CefV8Value::CreateString("My Value!");

基本值类型可以在任何时候创建，并且不需要首先与特定的上下文关联。

6. JS数组

JS数组可以使用静态方法CefV8Value::CreateArray()创建，创建时可初始化长度，数组只能在上下文中创建和使用：

// 创建一个包含两个值的数组
CefRefPtr<Cev8Value> arr = CefV8Value::CreateArray(2);
// 使用SetValue()方法对数组进行赋值，第一个变量作为数组的索引
arr->SetValue(0, CefV8Value::CreateString("My First String"));
arr->SetValue(1, CefV8Value::CreateString("My Second String"));

在JavaScript中，可以像普通数组一样访问这些值。

小编有话说

在CEF3中实现JavaScript与C++的交互是一个强大而灵活的功能，它为开发者提供了在浏览器进程中执行JavaScript代码并与C++端进行数据交换的能力，通过合理利用窗口绑定、扩展、基本的JS类型以及JS数组等特性，开发者可以实现丰富多样的交互场景，确保JavaScript执行的安全性也是至关重要的，需要充分利用CEF提供的安全机制来保护应用程序免受潜在的安全威胁，希望本文的介绍能够帮助读者更好地理解和应用CEF3中的JS与C++交互技术。