Qt 集成miniblink浏览器库之3 C++ js相互调用

最新推荐文章于 2023-10-15 15:21:31 发布

很菜但努力

最新推荐文章于 2023-10-15 15:21:31 发布

阅读量1.5k

点赞数 1

分类专栏： C/C++ Qt

本文链接：https://blog.csdn.net/xpg4321/article/details/109675249

版权

C/C++ 同时被 2 个专栏收录

25 篇文章 3 订阅

订阅专栏

19 篇文章 0 订阅

订阅专栏

本文介绍了如何在Qt中使用miniblink实现C++与JavaScript之间的通信。通过wkeRunJSW接口调用JavaScript函数，并展示了如何定义一个JavaScript回调函数，使JavaScript能够调用C++代码。示例中详细解释了函数绑定和参数传递的过程。

摘要由CSDN通过智能技术生成

上一节已经将miniblink集成到qt，实现了浏览器得基本调用接口，这一节介绍如何实现通信。

1.C++调用js

miniblink接口wkeRunJSW可以实现C++调用js

例如我们在js中写一个绑定到window的函数openDialog

就可以这样调用

wkeRunJSW("window.openDialog()");

这跟cef,QtWebEngine完全一样

2.js调用C++

首先我们写一个测试的html如下：

<html>

<head>
<script>

           function onInvokeMethodClicked() {
               methodCallback("Recrod"， "start", "param“);
}

</script>
</head>
<body οnlοad="onLoad()" id="main">
<h1 align="center" style="font-size:12pt; font-family:MS Shell Dlg 2;">Web Area</h1>
<div align="center" id="dragarea" style="height:40px; background-color: gray; color: white;" οnmοusedοwn="onDragAreaMouseDown()">
<span style="font-size:18pt; font-family:MS Shell Dlg 2;">you can drag this window in this area!</span>
</div>
<div align="center">
<label> Test Case for InvokeMethod </label>
<br />
<input type="button" value="Invoke Method" οnclick="onInvokeMethodClicked()" />
<br />

</div>
</body>

</html>

然后我们调用wkeJsBindFunction(functionName.toStdString().c_str(), fun, nullptr, paracount); 来绑定一个函数。在我的例子中为methodCallback。

所以这样调用

wkeJsBindFunction("methodCallback", methodCallback, nullptr, 3);

第一个参数时函数名，也就是我们js中要调用的函数名称，第二个参数是回调函数，js调用会回到到此函数，第三个参数一般无用，第四个参数为绑定函数的参数个数。

回到函数格式为：

jsValue WKE_CALL_TYPE methodCallback(jsExecState es, void* param)
{
if (0 == jsArgCount(es))
return jsUndefined();
jsValue arg0 = jsArg(es, 0);
jsValue arg1 = jsArg(es, 1);
if (!jsIsString(arg0))
return jsUndefined();

std::string mothod = jsToTempString(es, arg0);
std::string parmar = jsToTempString(es, arg1);
qDebug()<<"js-c++method:"<<QString::fromStdString(mothod);
qDebug()<<"js-c++parmar:"<<QString::fromStdString(parmar);
return jsUndefined();
}

在回到函数我们可以解析参数，获取调用的参数进而实现功能。

完毕

很菜但努力

关注

1
点赞
踩
10

收藏

觉得还不错? 一键收藏
0
评论
Qt 集成miniblink浏览器库之3 C++ js相互调用

上一节已经将miniblink集成到qt，实现了浏览器得基本调用接口，这一节介绍如何实现通信。1.C++调用jsminiblink接口wkeRunJSW可以实现C++调用js例如我们在js中写一个绑定到window的函数openDialog就可以这样调用wkeRunJSW("window.openDialog()");这跟cef,QtWebEngine完全一样2.js调用C++首先我们写一个测试的html如下：<html><head>..
复制链接

扫一扫

专栏目录