libcef和js交互

最新推荐文章于 2024-12-09 02:00:00 发布

原创

最新推荐文章于 2024-12-09 02:00:00 发布

· 804 阅读

1 ·

版权

文章标签：

#c++ #libcef #javascript

本文介绍了如何在libcef库中实现与JavaScript的交互。首先，通过修改libcef_wrapper工程和cefsimple的URL，使用V8Handler进行交互，详细阐述了如何添加HTML文件、实现V8Handler以及渲染进程的处理。接着，利用message router的方法，说明了在渲染进程和浏览器进程创建message router的过程，以及如何处理JS与C++之间的通信。通过这两种方式，实现了C++调用JS和JS调用C++的功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.下载libcef_wrapper工程:

https://cef-builds.spotifycdn.com/index.html#windows32

修改里面的cefsimple工程和js通信

2.文档:

https://bitbucket.org/chromiumembedded/cef/wiki/JavaScriptIntegration

1.实现V8handler进行交互

1.添加html文件:

cefsimple工程的默认url是google.com，把url改为我们的本地的html文件如下：

<body>
    <title>V8Test</title>
    <div>
        hello v8
    </div>
    <div>
        <input type="button" value="test" onclick="onClick()" />
    </div>
    <script language="JavaScript">
        alert(window.myfunc()); // Shows an alert box with "My Value!"
    </script>
</body>

2.实现v8 handler:

cef使用v8和js通信，所以我们需要继承CefV8Handler，并且实现Execute函数，因为js调用我们注册的对象或者函数会进入Execute函数，上面js调用了myfunc函数，现在我们需要在Execute处理这个调用:

bool V8Handler::Execute(const CefString& name, CefRefPtr<CefV8Value> object,
	const CefV8ValueList& arguments, CefRefPtr<CefV8Value>& retval,
	CefString& exception)
{
	if (name == "myfunc") {
		// Return my string value.
		retval = CefV8Value::CreateString("My Value!");
		return true;
	}

	// Function d

最低0.47元/天解锁文章