如何在Qt主窗口（MainWindow）中嵌入并显示QWebEngineView？

第一步：在UI设计器中准备容器/控件 #

有两种可选方式：

• 方式一：直接添加QWebEngineView
  确保项目已引入Qt WebEngine模块，在Qt Designer面板中找到QWebEngineView控件，拖到MainWindow的指定位置，将其命名为webView（和代码里的ui->webView对应）。
• 方式二：用QWidget作为容器
  如果找不到QWebEngineView控件，拖一个QWidget到指定位置，命名为webContainer，后续通过代码将QWebEngineView作为子控件嵌入其中。

第二步：修正mainwindow.cpp中的代码 #

根据所选方式对应修改代码：

对应方式一的代码（直接操作UI中的QWebEngineView） #

无需自行新建QWebEngineView对象，直接调用UI控件的方法：

// mainwindow.cpp
#include "mainwindow.h"
#include "ui_mainwindow.h"
#include <QWebEngineView>

MainWindow::MainWindow(QWidget *parent)
    : QMainWindow(parent)
    , ui(new Ui::MainWindow)
{
    ui->setupUi(this);
    // 直接加载目标网址
    ui->webView->load(QUrl("http://qt-project.org/"));
    // 无需额外调用show()，UI控件会随MainWindow一同显示
}

MainWindow::~MainWindow()
{
    delete ui;
}

对应方式二的代码（通过QWidget容器嵌入） #

自行创建QWebEngineView实例，将其与UI容器关联并设置布局：

// mainwindow.cpp
#include "mainwindow.h"
#include "ui_mainwindow.h"
#include <QWebEngineView>
#include <QVBoxLayout>

MainWindow::MainWindow(QWidget *parent)
    : QMainWindow(parent)
    , ui(new Ui::MainWindow)
{
    ui->setupUi(this);
    
    // 创建QWebEngineView，父控件设为UI中的webContainer
    QWebEngineView *view = new QWebEngineView(ui->webContainer);
    // 设置布局让webView填满容器
    QVBoxLayout *layout = new QVBoxLayout(ui->webContainer);
    layout->setContentsMargins(0, 0, 0, 0); // 去除边距
    layout->addWidget(view);
    
    view->load(QUrl("http://qt-project.org/"));
    // 无需调用view->show()，父控件显示时子控件会自动显示
}

MainWindow::~MainWindow()
{
    delete ui;
}

你原有代码的问题 #

1. 新建了view对象，却调用ui->webView->load，若ui->webView未在UI中正确创建，会触发空指针错误；
2. 未将view与UI中的部件关联（设置父控件或加入布局），导致它无法显示在MainWindow内。

补充：确保项目引入Qt WebEngine模块 #

在项目的.pro文件中添加以下内容，否则QWebEngineView无法正常编译：

QT += webenginewidgets

内容的提问来源于stack exchange，提问作者taf