将要显示网页的控件提升为QWebEngineViewimage.png
    先在.pro文件上加上 QT += webenginewidgets ``webchannel

    1. // MainWidget.h文件
    2. #ifndef MAINWIDGET_H
    3. #define MAINWIDGET_H
    5. #include <QWidget>
    7. namespace Ui {
    8. class MainWidget;
    9. }
    11. class WebObject;
    12. class MainWidget : public QWidget
    13. {
    14.     Q_OBJECT
    16. public:
    17.     explicit MainWidget(QWidget *parent = 0);
    18.     ~MainWidget();
    20. private slots:
    21.     void on_okBtn_clicked();
    23.     void on_callJsBtn_clicked();
    25. private:
    26.     Ui::MainWidget *ui;
    28.     WebObject * m_dataObj;
    29. };
    31. #endif // MAINWIDGET_H
    1. // MainWidget.cpp文件
    2. #include "MainWidget.h"
    3. #include "ui_mainwidget.h"
    4. #include "WebObject.h"
    5. #include <QWebChannel>
    7. MainWidget::MainWidget(QWidget *parent) :
    8.     QWidget(parent),
    9.     ui(new Ui::MainWidget)
    10. {
    11.     ui->setupUi(this);
    13.     // 将html加载到qt窗口中
    14.     ui->webView->load(QUrl("qrc:/index.html"));
    16.     // 创建子类
    17.     m_dataObj = new WebObject();
    19.     //重要设置
    20.     QWebChannel *channel = new QWebChannel(this);
    21.     channel->registerObject("person", m_dataObj);
    22.     ui->webView->page()->setWebChannel(channel);
    23. }
    25. MainWidget::~MainWidget()
    26. {
    27.     delete ui;
    28. }
    30. // 与js双向交互
    31. void MainWidget::on_okBtn_clicked()
    32. {
    33.     bool ok;
    34.     QString name = ui->nameEdit->text().trimmed();
    35.     int age = ui->ageEdit->text().trimmed().toInt(&ok, 10);
    36.     if (!ok)
    37.     {
    38.         age = 0;
    39.     }
    41.     m_dataObj->setName(name);
    42.     m_dataObj->setAge(age);
    43. }
    46. void MainWidget::on_callJsBtn_clicked()
    47. {
    48.     //执行网页 JS
    49.     QString strJs = ui->jsEdit->toPlainText();    
    50.     ui->webView->page()->runJavaScript(strJs);
    51. }
    1. // WebObjece.h
    2. #ifndef WEBOBJECT_H
    3. #define WEBOBJECT_H
    5. #include <QObject>
    7. class WebObject : public QObject
    8. {
    9.     Q_OBJECT
    11.     //供网页 JS 使用的属性
    12.     Q_PROPERTY(QString name MEMBER m_name NOTIFY sig_nameChanged)
    13.     Q_PROPERTY(int age MEMBER m_age NOTIFY sig_ageChanged)
    15. public:
    16.     explicit WebObject(QObject *parent = 0);
    18.     void setName(const QString& name);
    19.     void setAge(int age);
    21. signals:
    22.     void sig_nameChanged(const QString& name);
    23.     void sig_ageChanged(int age);
    25. public slots:    
    26.     //供网页 JS 调用
    27.     void slot_debug(const QString& msg);
    29. private:
    30.     QString m_name;
    31.     int m_age;
    32. };
    34. #endif // WEBOBJECT_H
    1. // WebObjece.h
    2. #include "WebObject.h"
    3. #include <QDebug>
    5. WebObject::WebObject(QObject *parent) : QObject(parent)
    6. {
    7.     m_name = "owenlang";
    8.     m_age = 26;
    9. }
    11. void WebObject::setName(const QString &name)
    12. {
    13.     if (name != m_name)
    14.     {
    15.         m_name = name;
    16.         emit sig_nameChanged(m_name);
    17.     }
    18. }
    20. void WebObject::setAge(int age)
    21. {
    22.     if (age != m_age)
    23.     {
    24.         m_age = age;
    25.         emit sig_ageChanged(m_age);
    26.     }
    27. }
    29. void WebObject::slot_debug(const QString& msg)
    30. {
    31.     qDebug() << "web debug: " << msg;
    32. }

    WebEngineTest.zip
    参考文章：https://www.bbsmax.com/A/n2d9VOlVzD/