Qt基础之十八：WebEngine与JavaScript交互

草上爬

已于 2023-01-07 19:15:35 修改

阅读量6k

点赞数 3

分类专栏： Qt那些事儿文章标签： qt javascript 交互 WebEngine QWebEngineView

于 2023-01-04 22:41:19 首次发布

本文链接：https://blog.csdn.net/caoshangpa/article/details/128555668

版权

Qt那些事儿专栏收录该内容

48 篇文章 31 订阅 ¥59.90 ¥99.00

订阅专栏

超级会员免费看

本文介绍了如何在Qt 5.6及以上版本中使用Qt WebEngine进行JavaScript与C++的交互。首先，通过QT += webenginewidgets启用WebEngine，并创建一个继承自QObject的类Exchange作为桥梁。接着，详细说明了JavaScript如何调用C++的公共槽函数或Q_INVOKABLE标记的函数，以及C++如何通过QWebEnginePage的runJavaScript方法调用JavaScript函数。同时提到了qwebchannel.js的使用和源码订阅获取方式。

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

Qt从5.6开始就用Qt Webengine替换了Qt WebKit，据说加载速度较Qt WebKit更快。
需在pro中添加QT += webenginewidgets

一.效果

二.实现

1.JavaScript调用C++函数

新建一个继承自QObject的类Exchange
在MainWindow中定义成员变量QWebChannel *m_channel;作为和web通信的数据通道
在MainWindow中定义成员变量Exchange *m_exchange，作为JavaScript调用C++函数的桥梁
①加载网页

void MainWindow::loadHtml()
{
    m_channel = new QWebChannel(this); 
    m_channel->registerObject("CaoShangPa", m_exchange);// 这里注册对象名"CaoShangPa"需要与JS函数用到的名称一致
    ui->htmlWebView->page()->setWebChannel(m_channel);
    QString htmlPath = QCoreAppl

了解本专栏