【Qt】Qt和JavaScript使用QWebChannel交互

已于 2024-09-05 15:29:18 修改
阅读量197 收藏
点赞数
分类专栏： QT 文章标签： qt javascript 交互
于 2024-09-05 12:44:17 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_51649465/article/details/141927958
版权

问题

问题一：

问题描述：运行时，Qt向Js端发送消息没有问题，Js端向Qt端发送消息时失败
报错：Cannot invoke unknown method of index -1 on object webTransport(0x…)
原因及解决办法：使用Qt 5.11.2编译生成的可执行程序，而网页端用的是Qt 5.14的qwebchannel.js文件，版本不兼容导致的，换成对应的qwebchannel.js文件就好了

问题二：
问题描述：加载时无法连接qt
报错：Qwebchannel is not defined at webSocket.socket.onopen
原因及解决办法：没有加载qwebchannel.js文件

<script type="text/javascript" src="../js/qwebchannel.js"></script>
干货日记
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Qt基础之十八：WebEngine与JavaScript交互
草上爬的博客
01-04 5948
Qt从5.6开始就用Qt Webengine替换了Qt WebKit，据说加载速度较Qt WebKit更快。需在pro中添加QT += webenginewidgets。
Qt和JavaScript使用QWebChannel交互一——和Qt内嵌网页交互
Doyoung
09-30 3531
Qt和JavaScript使用QWebChannel交互一——和Qt内嵌网页交互 文章目录Qt和JavaScript使用QWebChannel交互一——和Qt内嵌网页交互前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结 前言 Qt提供了QWebChannel来和网页进行通信，只需要注册一下，就可以直接绑定信号槽来进行Qt程序和网页之前的通信，非常方便 提示：以下是本篇文章正文内容，下面案例可供参考 一、pandas是什么？ 示例：pandas 是基于NumPy 的一种工具，该工具是为了
Qt QWebChannel web端js与C++交互
热门推荐
搬砖
01-24 2万+
Qt C++与 html直接进行交互。 介绍QWebChannel及两种通信方式：QWebEngine与Websocket
qt与html文档交互,QWebChannel示例学习，Qt与网页交互
weixin_42297347的博客
06-07 1184
0.简述QWebSocket配合QWebChannel，可以将QObject暴露给HTML客户端。如Qt文档所述，通过将QObject派生对象发布到QWebChannel并在HTML端使用qwebchannel.js，可以透明的访问QObject的属性和public槽/方法。不需要手动消息传递和数据序列化，C++端的属性更新和信号发射会自动传输到可能远程运行的HTML客户端。在客户端，将为任何已发...
c++/qt通过QWebChannel与JS/html网页端交互通信
weixin_45074487的博客
03-28 1327
1、需要从网上下载两个文件2、QWebChannel注册通信通信类对象名:“MyWebTransPort”，js调用这个名进行通信;3、js发送数据至c++调用函数：void RecvTextFromJs(const QString &text);c++发送数据至js调用函数：void SignalSendToJs(QString text);4、js/html网页作为客户端，c++/qt启动本地服务器作为服务端进行通信；**
Qt与javascript交互数据的实现
宁静致远的博客
05-02 3112
Qt与javascript交互数据的实现Qt与javascript交互数据的实现一、数据从QT流向JS二、数据从JS流向QT1、QT向JS传递数组2、JS向QT传递数组3、JS向QT传递任意类型数据Javascript/Qt交互、脚本化1 QScriptEngine VS QJSEngine2 QJSEngine介绍2.1 执行脚本 Qt与javascript交互数据的实现 原文链接：https://blog.csdn.net/weixin_39614675/article/details/1178414
QT5.14使用QWebChannel与百度地图数据交互
尘埃飞舞
12-22 3243
文章目录前言一、开发环境二、开发步骤1.HTML开发1.1 qwebchannel.js1.2 sample.html这里是我用太乐地图生成的离线版本，然后自己修改生成的代码2.QT开发总结 前言 本文介绍了关于利用QWebchannel与百度地图进行交互传递经纬度坐标数据 以下是我参考其他人代码实现的分享以下 一、开发环境 使用的是QT5.14.2 + MSVC2017 64/32bit +win10 （MinGW默认不支持 QWebEngineView）关于怎么使用MSVC可以参考我之前的博客 QT
QT与JavaScript交互/Qt调用JS脚本
宁静致远的博客
02-28 9959
QT与JavaScript交互 简介 本篇主要对QT与JavaScript的交互方法通过代码进行详细说明，实现的QT版本是 4.8.7, QT += webkit。完整代码中包含启动html调试窗口的方法。 QT中调用JS函数 // 调用js中的无参无返回值,名为QtCallNoParam的函数 ui->qwebView ->page()->mainFrame()->evaluateJavaScript(QString("QtCallNoParam()")); // 调用js中的有两
基于Qt使用QWebChannel实现C++与网页JavaScript交互
08-08
基于Qt5.6.3+Vs2013环境下，通过查阅资料使用QWebChannel实现C++与网页JavaScript交互，代码简洁明了，且关键位置都有注释，下载后在正确的环境下即可运行，适合初学者参考使用。
QT/QML 简介
gopher9511的博客
09-04 395
QML（Qt Meta Language 或 Qt Modeling Language）是一种用于设计用户界面的声明式语言，主要用于Qt框架。QML允许开发者以一种直观的方式描述用户界面，同时与JavaScript结合使用，以便实现复杂的逻辑和动态行为。
QT实现电子相册
m0_63764282的博客
08-31 1054
使用带有UI界面的QWidget实现电子相册。
【开发实战】QT5 + 深度学习六大应用案例
关注微信公众号【OpenCV学堂】
08-29 663
考虑到硬件普适性与高性价比，对于小于30MB的模型，OpenVINO + CPU的解决方案都会是比较合理跟高性价比的。现在OpenVINO2024最新版本还支持大模型+CPU的部署方案，只要几行代码即可完成。它们都支持Python与C++ SDK，支持多种模型压缩与量化机制，支持模型同步与异步推理。QT5 + OpenCV4.8 开发与配置环境搭建，请看博客文章。四 健身智能 - 自动引体向上计数。二 图像修复与自动水印移除。一 人像抠图 背景提取与替换。三 实时人脸识别应用。六 电子围栏语音报警。
在qt中，用户输入了16进制的字符串，如何按照用户的16进制格式发送
weixin_43972388的博客
09-04 230
在这个例子中，我们首先从用户输入中获取了16进制字符串，然后使用QByteArray::fromHex将其转换为字节流。接着，我们创建了一个QUdpSocket对象，并设置了目标地址和端口。将16进制文本转换为字节流：使用QByteArray::fromHex函数可以将16进制的字符串转换为字节流。例如，如果你的用户输入了"01 03 00 00"，你需要去除空格并转换为字节流。获取用户输入的16进制文本：首先，你需要从用户界面获取用户输入的16进制字符串，例如通过一个QLineEdit控件。
QT实现简易记事本
m0_63764282的博客
09-02 290
QT的Qmainwindow实现简易记事本,不带有UI界面。
QML学习二：Qt启用qml文件实时预览编辑，以及打印日志到控制台
最新发布
u014627020的博客
09-05 120
Qt+Pyside6+QML
QT实战项目之音乐播放器
Wumingdegushi的博客
08-31 964
在本QT音乐播放器实战项目中，开发环境使用的是QT Creator5.14版本。该项目实现了音乐播放器的基本功能，例如开始播放、停止播放、下一首播放、上一首播放、调节音量、调节倍速、设置音乐播放模式等。同时还具备搜索功能，通过搜索歌曲名字或歌手名字来获取歌曲，实现播放网上音乐。该QT实战项目代码量在600~700之间，适合QT学者拿来练习，增加项目经验。
Qt 创建一个json数组对象写入文档并从文档读出q
weixin_42286052的博客
09-05 324
/ 将数组中的每个元素转换成json obj。// 把读出来的字符串转化成json的文档对象。// 将JSON数组转换为JSON文档并输出。// 把得到的json字符串写到磁盘文件中。// 创建一些JSON对象并添加到数组中。// QByteArray就是字符串类型。// 循环获取数组中的每个元素。// 创建一个JSON数组。
Qt获取当前系统时间、系统时间戳
啊渊的专栏
09-05 237
在Qt框架中，获取当前系统时间和系统时间戳是一项常见的任务，通常可以通过QDateTime类来实现。
Qt和JavaScript使用QWebChannel交互
03-28
QWebChannel是一个用于在Qt应用程序和Web应用程序之间进行交互的框架。它允许JavaScript代码通过一个中介对象访问Qt应用程序中的对象和方法。 下面是一个示例，展示如何在Qt和JavaScript之间使用QWebChannel进行交互： 1. 在Qt应用程序中，创建一个对象，该对象将作为JavaScript代码的接口： ``` class MyObject : public QObject { Q_OBJECT public: MyObject(QObject *parent = nullptr) : QObject(parent) {} public slots: void doSomething(const QString &message) { qDebug() << "Received message from JavaScript:" << message; } }; ``` 2. 在Qt应用程序中，创建一个QWebChannel对象，并将其连接到要公开给JavaScript的对象： ``` QWebChannel *channel = new QWebChannel(this); MyObject *myObject = new MyObject(this); channel->registerObject("myObject", myObject); ``` 3. 在Qt应用程序中，将QWebChannel对象添加到WebEngineView中： ``` QWebEngineView *view = new QWebEngineView(this); view->setUrl(QUrl("http://localhost/myapp.html")); view->page()->setWebChannel(channel); ``` 4. 在JavaScript代码中，通过QWebChannel对象访问Qt应用程序中的对象和方法： ``` new QWebChannel(qt.webChannelTransport, function(channel) { var myObject = channel.objects.myObject; myObject.doSomething("Hello from JavaScript!"); }); ``` 在此示例中，Qt应用程序中的MyObject对象公开了一个名为doSomething的槽函数，该函数接受一个字符串参数。JavaScript代码通过QWebChannel对象访问该对象，并调用doSomething函数，将一个字符串参数传递给它。 当doSomething函数被调用时，它将打印出传递的字符串参数，从而表明Qt应用程序和JavaScript代码之间成功地进行了交互。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值