QWebChannel类

QWebChannel弥补了C++与HTML/JavaScript直接通信的空白。Qt内部自带了qwebchannel.js文件，只要浏览器端支持该js文件，就可以完成相互通信。在通信时，需要在浏览器端的HTML文件中引用该文件。
常用函数：
注册用的函数：
void QWebChannel::registerObject(const QString &id, QObject *object)： id表示js端调用的类的名称，object表示C++端需要调用的类。

浏览器端注册
在浏览器的界面端需要加载这个QWebChannel：
void QWebEnginePage::setWebChannel(QWebChannel *channel)
这是一个重载函数，浏览器的界面会使用这个channel，并把这个channel安装在JavaScript的世界中。那么，浏览器端就会包含并可以调用这个channel。

具体方案

一下代码参考自QtCreator自带的markdown例子，要求5.6版本以及以上
假设在一个C++端的构造函数中，我们注册一个channel，具体代码如下：

QWebEnginePage* page=new QWebEngindPage(this);    // 注册一个网页界面
// preview 是一个QWebEngineView类，相当于一个浏览器引擎，假设这是我们在UI界面中设计并命名的
ui->preview->setPage(page);   QWebChannel* channel=new QWebChannel(this);
// 注册浏览器端js可以调用的类，假设m_content是我们自定义的一个继承QObject的类
channel->registerObject(QString("content"),&m_content);
page->setWebChannel(channel);   // 在浏览器端注册。

在浏览器端的HTML/JaveScript代码中，可以这样使用：

<head><script src="qwebchannel.js"></script>  <!--必须要包含这个文件-->
</head>
<body><script>new QWebChannel(qt.webChannelTransport,function(channel) {var content = channel.objects.content;  // 注意这里的名字与注册时的一致updateText(content.text);  // js自定义的函数// textChanged是content自定义的一个信号，相当于信号连接了一个函数content.textChanged.connect(updateText);  });</script>
</body>

Qt与HTML/JavaScript网页端通信和调用相关推荐

openfire运行环境部署+jwchat网页端通信聊天+插件的基础知识+webchat环境配置和下载地址
研究Openfire快一个月的时间了,最初的项目要求是利用Openfire作为服务器端,在网页端注册或输入登录信息进行类似QQ的聊天.后来需要在网页端加入客服系统实现匿名登录和实名登录功能,实现N个客 ...
html5图片剪切板,JavaScript 网页端复制图片到剪切板
前端页面可能需要复制图片到剪切板的功能,这里使用JavaScript来实现这一功能,兼容大部分浏览器全部代码复制图片到剪切板复制图片 var SelectText = function (ele ...
讲一个api网页全部保存到本地_WebRTC在网页端音视频通话的技术实践
WebRTC,名称源自网页即时通信(英语:Web Real-Time Communication)的缩写,是一个支持网页浏览器进行实时语音对话或视频对话的API,经过多年来的发展与改进,日臻成熟,作 ...
php和javascript的get和post方式有人串口转wifi模块httpdclient网页交互通信成功源码2 wifi继电器小黄人软件ypnr
全部源码下载:链接: http://pan.baidu.com/s/1qXxr0i4 密码: 有人串口转wifi模块 httpd client通信示例-用户使用网页通过服务器收发串口数据get 功能: ...
HTML5期末大作业：商城网页设计——仿京东商城网页端模板(8页面) HTML+CSS+JavaScript...
HTML5期末大作业:商城网页设计--仿京东商城网页端模板(8页面) HTML+CSS+JavaScript 商城网页HTML代码学生网页课程设计期末作业下载商城大学生网页设计制作成临近期末, ...
HTML5期末大作业：商城网页设计——仿京东商城网页端模板(8页面) HTML+CSS+JavaScript
HTML5期末大作业:商城网页设计--仿京东商城网页端模板(8页面) HTML+CSS+JavaScript 商城网页HTML代码学生网页课程设计期末作业下载商城大学生网页设计制作成临近期末, ...
Unity WebGL/WebPlayer与html通信对比，在html添加网页端按钮直接测试
Unity WebPlayer与html通信,在html添加网页端按钮直接测试由于现在各大浏览器的升级,UnityWebPlayer的网页方式逐渐被摒弃掉,但是很多老项目或者追求稳定的开发者还在选择 ...
通过javascript在网页端生成zip压缩包并下载
通过javascript在网页端生成zip压缩包并下载原文:通过javascript在网页端生成zip压缩包并下载 zip.js是什么 zip.js的github项目地址:http://gildas ...
python web项目导出zip文件_通过javascript在网页端生成zip压缩包并下载
zip.js是什么通过zip.js封装一个能在网页端生成zip文件的插件, 直接在网页中创建包含文件夹和文件的压缩包,也可以自定义名字并下载: 如何使用: 1:引用zip.js 2:引用jQuery ...

Qt与HTML/JavaScript网页端通信和调用

QWebChannel类

具体方案

Qt与HTML/JavaScript网页端通信和调用相关推荐

最新文章

热门文章