基于Qt WebEngine的C++简易浏览器界面开发实战-Seo优化-塔城地区网站建设公司

1. 项目概述：为什么用C++做浏览器界面？

很多刚接触C++的朋友，可能会觉得这门语言就是用来写后台服务、游戏引擎或者系统软件的，跟“界面设计”这种偏前端的活儿似乎不沾边。但如果你深入了解一下，会发现像谷歌浏览器（Chrome）这样的现代软件，其核心引擎（Blink渲染引擎、V8 JavaScript引擎）正是用C++写的。所以，用C++来实现一个“简易谷歌浏览器界面”，并不是天方夜谭，而是一个能让你深刻理解现代桌面应用架构，尤其是浏览器这类复杂客户端软件底层逻辑的绝佳练手项目。

这个项目的核心目标，不是让你从零造一个能媲美Chrome的完整浏览器，那是一个需要数百人年的庞大工程。我们的目标是：使用C++和成熟的GUI框架，构建一个具备浏览器核心交互形态的简易图形界面。具体来说，它应该包含一个地址栏、一个网页内容显示区域、前进/后退/刷新等基本导航按钮，以及多标签页管理的基础框架。通过这个项目，你将亲手实践如何将C++的高性能与GUI的事件驱动模型结合起来，理解窗口、控件、消息循环、以及如何嵌入一个真正的网页渲染引擎（例如CEF或Qt WebEngine）。

这适合谁呢？如果你是一名有一定C++基础，学过面向对象和标准库，但对如何用C++开发带界面的桌面程序感到迷茫的开发者，这个项目就是为你准备的。它也能帮助那些对浏览器工作原理感兴趣，想窥探一下“黑盒子”内部的学生或爱好者。完成这个项目，你收获的将不仅仅是一个可以运行的“浏览器外壳”，更是一套关于桌面应用开发、异步编程、组件集成和项目架构的实战经验。

2. 技术选型与架构设计思路

动手之前，选对工具和设计好架构是成功的一半。用C++做GUI，框架的选择是首要决策点。

2.1 GUI框架选型：Qt vs. wxWidgets vs. 原生API

C++领域有几个主流的GUI框架，各有优劣：

Qt：本次项目的推荐选择
- 优势：功能极其强大，文档丰富，社区活跃。它不仅仅是一个GUI库，更是一个应用程序框架，提供了信号与槽（一种优雅的对象间通信机制）、跨平台抽象、网络、数据库、XML处理等全套工具。最重要的是，Qt内置了Qt WebEngine模块，它基于Chromium项目（谷歌浏览器的开源基础），为我们提供了现成的、功能完整的网页渲染组件（QWebEngineView）。这意味着我们不需要自己从零开始解析HTML、CSS和JavaScript，可以直接“嵌入”一个迷你Chrome内核到我们的界面中。这极大地降低了项目难度，让我们能聚焦于界面逻辑和交互整合。
- 劣势：库体积较大，使用其某些模块（包括商业用途）可能需要考虑许可证问题（Qt有LGPL和商业许可）。但对于学习和个人项目，使用开源版本完全没问题。
wxWidgets
- 优势：使用原生控件，在不同操作系统（Windows、macOS、Linux）上，程序的外观和感觉会与系统原生应用高度一致。它比Qt更轻量，许可证更宽松（wxWindows License，近乎于公共领域）。
- 劣势：它没有内置的、成熟度堪比Qt WebEngine的网页渲染组件。虽然可以通过集成CEF（Chromium Embedded Framework）来实现，但集成步骤比Qt WebEngine要复杂得多，对新手不友好。社区和商业支持也不如Qt广泛。
原生API（如Win32 API / Cocoa）
- 优势：极致性能，无额外依赖，生成的程序体积最小。
- 劣势：开发效率极低，代码冗长，需要深入掌握特定操作系统的窗口系统细节，且完全不跨平台。要实现网页渲染，同样面临需要手动集成CEF等引擎的挑战，复杂度最高。

实操心得：对于“实现浏览器界面”这个目标，Qt几乎是唯一现实且高效的选择。Qt WebEngine的存在，让我们跳过了最复杂的渲染部分，能把精力集中在应用逻辑和用户体验上。因此，本项目将基于Qt 6（当前最新稳定版本）进行。

2.2 核心架构设计

一个简易浏览器界面，可以拆解为以下几个核心模块，它们之间的关系构成了应用的基本架构：

主窗口 (MainWindow) ├── 菜单栏 (Menu Bar) ├── 工具栏 (Tool Bar) —— 包含：后退、前进、刷新、停止、地址栏、转到按钮 ├── 标签页控件 (QTabWidget) —— 核心容器 │ └── 单个标签页 (Tab) │ ├── QWebEngineView —— 用于显示网页内容 │ └── (可选) 加载进度条、状态信息等 └── 状态栏 (Status Bar) —— 显示加载状态、链接提示等

设计思路解析：

主窗口：承载一切控件的顶层容器。
工具栏：将最常用的导航功能以按钮形式集中放置，提升操作效率。地址栏是核心输入控件。
标签页控件：现代浏览器的标志性功能。QTabWidget提供了现成的标签页管理界面（标签头、关闭按钮等），我们只需要将每个标签页的内容设置为一个QWebEngineView实例。
QWebEngineView：这是Qt提供的“浏览器视图”组件。它负责加载URL、渲染网页、执行JavaScript、处理导航历史等所有与网页内容相关的核心功能。我们的大部分交互（如点击链接、提交表单）都会由它内部处理。
信号与槽：Qt的“信号与槽”机制是整个应用动态响应的神经中枢。例如：
- 当用户在地址栏输入网址并按下回车时，会触发一个信号，我们需要编写一个槽函数来让当前活动的QWebEngineView加载这个URL。
- 当QWebEngineView的网页标题发生变化时，它会发出titleChanged信号，我们可以连接这个信号到一个槽函数，来更新对应标签页的标题。
- 当QWebEngineView开始或结束加载时，会发出loadStarted和loadFinished信号，我们可以据此更新刷新/停止按钮的状态，或在状态栏显示提示。

这个架构清晰地将界面（UI）与网页内容（WebEngine）解耦，通过事件（信号）进行通信，是典型的桌面应用设计模式。

3. 开发环境搭建与项目初始化

工欲善其事，必先利其器。我们来一步步搭建开发环境。

3.1 安装Qt开发套件

下载Qt安装程序：访问Qt官网，下载Qt Online Installer。建议选择开源版本。
选择组件：在安装过程中，组件选择是关键。确保勾选以下内容：
- Qt 6.x.x（选择最新的稳定版本，如6.6或6.7）。
- 在该版本下，勾选MSVC 2019 64-bit（如果你在Windows上使用Visual Studio）或MinGW 11.2.0 64-bit（如果你使用MinGW编译器）。对于macOS，选择对应的Clang版本；Linux则选择GCC。
- 最重要的：展开Qt 6.x.x，找到并勾选Qt WebEngine模块。这是本项目依赖的核心。
- 同时，建议勾选Qt Creator（Qt官方的集成开发环境，非常好用）和CMake（现代C++项目构建工具）。
完成安装：按照提示完成安装。安装路径建议不要有中文和空格。

3.2 配置IDE（以Qt Creator为例）

打开Qt Creator：首次打开，它会自动检测已安装的Qt版本和编译器套件（Kits）。
创建新项目：点击“New Project”，选择“Application” -> “Qt Widgets Application”。
项目设置：
- 给项目起名，例如SimpleBrowser。
- 在“Kit Selection”页面，确保选择了你安装的带有WebEngine模块的Qt版本（例如Desktop Qt 6.6.0 MSVC2019 64bit）。
- 在“Class Information”页面，基类选择QMainWindow，这样会生成一个带菜单栏、工具栏、状态栏的主窗口框架。类名可以保持MainWindow。
项目创建完成：Qt Creator会自动生成main.cpp、mainwindow.h、mainwindow.cpp、mainwindow.ui等文件。.ui文件是Qt Designer的界面文件，可以用图形化方式拖拽控件。

3.3 配置项目文件（CMakeLists.txt或.pro）

Qt Creator创建的项目默认使用CMake或qmake作为构建系统。我们需要确保项目文件包含了WebEngine模块。

如果使用CMake（推荐）：打开项目根目录的CMakeLists.txt文件，找到find_package部分，确保包含了Qt6 WebEngineWidgets。

find_package(Qt6 REQUIRED COMPONENTS Core Gui Widgets WebEngineWidgets) # 添加WebEngineWidgets ... target_link_libraries(SimpleBrowser PRIVATE Qt6::Core Qt6::Gui Qt6::Widgets Qt6::WebEngineWidgets) # 链接库

如果使用qmake（.pro文件）：打开.pro文件，在QT变量中添加webenginewidgets。
```
QT += core gui widgets webenginewidgets
```

注意事项：WebEngineWidgets模块依赖于WebEngineCore，并且它本身是一个重量级模块，会显著增加最终可执行文件的体积（可能增加几十MB）。这是为了包含Chromium内核的必要组件，属于正常情况。

4. 核心界面构建与WebEngine集成

现在，我们开始编写代码，将设计图转化为实际界面。

4.1 设计主窗口布局

首先，我们通过代码（也可以在Qt Designer中拖拽）来创建界面元素。打开mainwindow.cpp的构造函数MainWindow::MainWindow。

// mainwindow.cpp #include "mainwindow.h" #include "./ui_mainwindow.h" #include <QWebEngineView> #include <QLineEdit> #include <QToolBar> #include <QTabWidget> #include <QPushButton> #include <QStatusBar> #include <QMessageBox> MainWindow::MainWindow(QWidget *parent) : QMainWindow(parent) , ui(new Ui::MainWindow) { ui->setupUi(this); this->setWindowTitle("Simple Browser"); // 1. 创建核心部件 tabWidget = new QTabWidget(this); tabWidget->setTabsClosable(true); // 标签页可关闭 tabWidget->setMovable(true); // 标签页可拖动排序 this->setCentralWidget(tabWidget); // 设为中央部件 // 2. 创建工具栏 QToolBar *toolBar = addToolBar("Navigation"); // 后退、前进、刷新、停止按钮 QAction *backAction = toolBar->addAction("Back"); QAction *forwardAction = toolBar->addAction("Forward"); QAction *reloadAction = toolBar->addAction("Reload"); QAction *stopAction = toolBar->addAction("Stop"); // 地址栏 urlLineEdit = new QLineEdit(this); urlLineEdit->setPlaceholderText("Enter URL or search..."); toolBar->addWidget(urlLineEdit); // 转到按钮 QAction *goAction = toolBar->addAction("Go"); // 3. 创建状态栏 statusBar()->showMessage("Ready"); // 4. 创建第一个标签页 addNewTab("about:blank", "New Tab"); // 5. 连接信号与槽（下一节详细讲） setupConnections(); } MainWindow::~MainWindow() { delete ui; }

在头文件mainwindow.h中，需要声明这些成员变量和函数：

// mainwindow.h #ifndef MAINWINDOW_H #define MAINWINDOW_H #include <QMainWindow> #include <QTabWidget> #include <QLineEdit> QT_BEGIN_NAMESPACE namespace Ui { class MainWindow; } QT_END_NAMESPACE class MainWindow : public QMainWindow { Q_OBJECT public: MainWindow(QWidget *parent = nullptr); ~MainWindow(); private slots: void onTabCloseRequested(int index); void onCurrentTabChanged(int index); void onUrlReturnPressed(); void onWebViewTitleChanged(const QString &title); void onWebViewUrlChanged(const QUrl &url); void onWebViewLoadStarted(); void onWebViewLoadFinished(bool ok); private: Ui::MainWindow *ui; QTabWidget *tabWidget; QLineEdit *urlLineEdit; void addNewTab(const QUrl &url, const QString &title); void setupConnections(); QWebEngineView* currentWebView() const; }; #endif // MAINWINDOW_H

4.2 实现标签页管理与WebEngineView集成

addNewTab函数是创建新浏览器标签页的核心：

// mainwindow.cpp (续) void MainWindow::addNewTab(const QUrl &url, const QString &title) { QWebEngineView *webView = new QWebEngineView(this); webView->setUrl(url); // 设置初始URL int tabIndex = tabWidget->addTab(webView, title); tabWidget->setCurrentIndex(tabIndex); // 连接这个特定webView的信号 connect(webView, &QWebEngineView::titleChanged, this, &MainWindow::onWebViewTitleChanged); connect(webView, &QWebEngineView::urlChanged, this, &MainWindow::onWebViewUrlChanged); connect(webView, &QWebEngineView::loadStarted, this, &MainWindow::onWebViewLoadStarted); connect(webView, &QWebEngineView::loadFinished, this, &MainWindow::onWebViewLoadFinished); } QWebEngineView* MainWindow::currentWebView() const { return qobject_cast<QWebEngineView*>(tabWidget->currentWidget()); }

这个函数做了几件事：

动态创建一个QWebEngineView对象。
将其添加到QTabWidget中作为一个新标签页。
将webView的各种状态变化信号连接到主窗口的槽函数上，以便统一处理。注意，每个标签页的webView信号都需要单独连接。

4.3 实现信号与槽的交互逻辑

setupConnections函数负责建立所有交互：

void MainWindow::setupConnections() { // 标签页相关信号 connect(tabWidget, &QTabWidget::tabCloseRequested, this, &MainWindow::onTabCloseRequested); connect(tabWidget, &QTabWidget::currentChanged, this, &MainWindow::onCurrentTabChanged); // 地址栏回车事件 connect(urlLineEdit, &QLineEdit::returnPressed, this, &MainWindow::onUrlReturnPressed); // 工具栏按钮 (需要先创建QAction并连接到槽函数，这里简化，假设已连接) // 例如：connect(backAction, &QAction::triggered, this, [this](){ if(currentWebView()) currentWebView()->back(); }); } // 槽函数实现 void MainWindow::onTabCloseRequested(int index) { if (tabWidget->count() > 1) { QWidget *tab = tabWidget->widget(index); tab->deleteLater(); // 安全删除 tabWidget->removeTab(index); } else { // 如果是最后一个标签页，可以关闭窗口或新建一个空白页 QMessageBox::information(this, "提示", "至少需要保留一个标签页。"); // 或者：addNewTab(QUrl("about:blank"), "New Tab"); // tabWidget->removeTab(index); } } void MainWindow::onCurrentTabChanged(int index) { // 当切换标签页时，更新地址栏和按钮状态以反映当前活动页面的状态 QWebEngineView *webView = currentWebView(); if (webView) { urlLineEdit->setText(webView->url().toString()); // 这里还应该更新后退/前进按钮的启用状态 (webView->history()->canGoBack()等) } } void MainWindow::onUrlReturnPressed() { QWebEngineView *webView = currentWebView(); if (!webView) return; QString urlText = urlLineEdit->text().trimmed(); QUrl url; // 简单的URL格式化：如果用户没有输入协议头，默认加上http:// if (!urlText.contains("://")) { urlText.prepend("http://"); } url = QUrl(urlText); if (url.isValid()) { webView->setUrl(url); } else { statusBar()->showMessage("无效的URL: " + urlText, 3000); } } void MainWindow::onWebViewTitleChanged(const QString &title) { // 哪个webView发出的信号？需要用sender()获取信号源 QWebEngineView *webView = qobject_cast<QWebEngineView*>(sender()); if (webView) { int index = tabWidget->indexOf(webView); if (index != -1) { // 简化标题，避免过长 QString shortTitle = title; if (shortTitle.length() > 30) { shortTitle = shortTitle.left(27) + "..."; } tabWidget->setTabText(index, shortTitle); // 如果是当前标签页，也更新窗口标题 if (index == tabWidget->currentIndex()) { setWindowTitle(shortTitle + " - Simple Browser"); } } } } void MainWindow::onWebViewUrlChanged(const QUrl &url) { QWebEngineView *webView = qobject_cast<QWebEngineView*>(sender()); if (webView && webView == currentWebView()) { // 只有当前活动标签页的URL变化才更新地址栏 urlLineEdit->setText(url.toString()); } } void MainWindow::onWebViewLoadStarted() { statusBar()->showMessage("加载中..."); // 可以在这里将刷新按钮变为停止按钮 } void MainWindow::onWebViewLoadFinished(bool ok) { if (ok) { statusBar()->showMessage("加载完成", 2000); } else { statusBar()->showMessage("加载失败", 3000); } // 恢复按钮状态 }

实操心得：处理来自多个QWebEngineView的信号时，sender()函数非常有用，它能告诉你是哪个对象发出的信号。但要注意，在Lambda表达式中使用sender()需要小心作用域。另外，更新UI状态（如地址栏、标签页标题）时，一定要判断是否是当前活动的标签页，避免错误的覆盖。

5. 功能增强与细节打磨

一个基本的浏览器骨架已经完成，但要让其更好用，还需要添加一些增强功能。

5.1 实现导航按钮功能

我们需要将工具栏按钮的动作与当前活动网页视图的历史记录关联起来。在MainWindow构造函数或一个专门的初始化函数中创建按钮并连接信号：

// 在MainWindow构造函数中，创建工具栏按钮后 backAction = toolBar->addAction(QIcon(":/icons/back.png"), ""); forwardAction = toolBar->addAction(QIcon(":/icons/forward.png"), ""); reloadAction = toolBar->addAction(QIcon(":/icons/reload.png"), ""); stopAction = toolBar->addAction(QIcon(":/icons/stop.png"), ""); // 设置工具提示 backAction->setToolTip("Back"); forwardAction->setToolTip("Forward"); reloadAction->setToolTip("Reload"); stopAction->setToolTip("Stop"); // 连接信号 connect(backAction, &QAction::triggered, this, [this]() { QWebEngineView *view = currentWebView(); if (view && view->history()->canGoBack()) view->back(); }); connect(forwardAction, &QAction::triggered, this, [this]() { QWebEngineView *view = currentWebView(); if (view && view->history()->canGoForward()) view->forward(); }); connect(reloadAction, &QAction::triggered, this, [this]() { QWebEngineView *view = currentWebView(); if (view) view->reload(); }); connect(stopAction, &QAction::triggered, this, [this]() { QWebEngineView *view = currentWebView(); if (view) view->stop(); }); // 初始状态 backAction->setEnabled(false); forwardAction->setEnabled(false); stopAction->setEnabled(false);

然后，我们需要在网页加载状态变化和标签页切换时，更新这些按钮的启用状态。这可以通过连接QWebEngineView::loadStarted、loadFinished和QWebEnginePage::historyChanged信号来实现，并在对应的槽函数中调用一个更新按钮状态的函数。

void MainWindow::updateNavigationButtons() { QWebEngineView *view = currentWebView(); bool hasView = (view != nullptr); bool isLoading = hasView && view->isLoading(); backAction->setEnabled(hasView && view->history()->canGoBack()); forwardAction->setEnabled(hasView && view->history()->canGoForward()); reloadAction->setEnabled(hasView && !isLoading); stopAction->setEnabled(hasView && isLoading); }

在onWebViewLoadStarted,onWebViewLoadFinished,onCurrentTabChanged等槽函数中调用updateNavigationButtons()。

5.2 添加新建标签页按钮和快捷键

在工具栏添加一个“+”按钮用于新建标签页，并实现常用快捷键（如Ctrl+T）。

// 在工具栏添加新建标签页按钮 QAction *newTabAction = toolBar->addAction(QIcon(":/icons/newtab.png"), ""); newTabAction->setToolTip("New Tab"); connect(newTabAction, &QAction::triggered, this, [this]() { addNewTab(QUrl("about:blank"), "New Tab"); }); // 添加快捷键 (在MainWindow构造函数中) newTabAction->setShortcut(QKeySequence::AddTab); // 通常是Ctrl+T // 或者显式设置 // newTabAction->setShortcut(QKeySequence(Qt::CTRL | Qt::Key_T));

5.3 处理网页链接在新标签页打开

默认情况下，QWebEngineView中的链接点击会在当前视图加载。现代浏览器通常支持中键点击或Ctrl+点击在新标签页打开。我们可以通过重写QWebEngineView的createWindow方法来实现。

创建一个自定义的WebView类：

// webview.h #ifndef WEBVIEW_H #define WEBVIEW_H #include <QWebEngineView> class WebView : public QWebEngineView { Q_OBJECT public: explicit WebView(QWidget *parent = nullptr); protected: QWebEngineView *createWindow(QWebEnginePage::WebWindowType type) override; signals: void requestNewTab(const QUrl &url); }; #endif // WEBVIEW_H

// webview.cpp #include "webview.h" #include <QWebEnginePage> WebView::WebView(QWidget *parent) : QWebEngineView(parent) {} QWebEngineView *WebView::createWindow(QWebEnginePage::WebWindowType type) { // 当网页请求新窗口（如target="_blank"）时，会调用此函数 if (type == QWebEnginePage::WebBrowserTab) { // 发出信号，让主窗口去创建新标签页 emit requestNewTab(QUrl()); // 返回nullptr，因为我们不直接在这里创建视图 return nullptr; } // 对于其他类型的窗口（如弹出窗口），可以返回一个新的WebView实例或做其他处理 return QWebEngineView::createWindow(type); }

然后在MainWindow的addNewTab函数中，使用WebView而不是QWebEngineView，并连接其requestNewTab信号。

// 修改addNewTab函数 void MainWindow::addNewTab(const QUrl &url, const QString &title) { WebView *webView = new WebView(this); // 使用自定义的WebView webView->setUrl(url); // ... 其他连接 ... connect(webView, &WebView::requestNewTab, this, [this](const QUrl &url){ addNewTab(url.isValid() ? url : QUrl("about:blank"), "New Tab"); }); // ... }

5.4 添加简单的历史记录和书签（可选）

为了更完整，可以添加一个侧边栏或菜单来展示浏览历史。QWebEngineView的history()方法提供了访问历史记录列表的接口。书签功能则需要自己维护一个数据结构（如QList<Bookmark>）并持久化存储（如使用QSettings或SQLite数据库）。

6. 构建、部署与问题排查

6.1 构建与运行

在Qt Creator中，直接点击左下角的绿色运行按钮（或按Ctrl+R）即可编译并运行项目。如果一切配置正确，你应该能看到一个带有地址栏、工具栏和单个标签页的窗口，在地址栏输入https://www.qt.io并回车，应该能正常加载Qt官网。

6.2 部署发布

当你想要将程序分享给别人或在没有安装Qt的电脑上运行时，需要部署。Qt程序部署相对复杂，因为它依赖一系列动态链接库（DLL）。

使用windeployqt（Windows）：这是Qt提供的部署工具。在构建生成Release版本的可执行文件（.exe）后，在开始菜单找到Qt 6.6.0 (MSVC 2019 64-bit)->Qt 6.6.0 (MSVC 2019 64-bit) Command Prompt，打开命令行。
切换到你的可执行文件所在的Release目录，例如：
```
cd D:\Projects\SimpleBrowser\build\release
```
运行部署命令：
```
windeployqt SimpleBrowser.exe
```
这个工具会自动扫描你的exe文件，将其依赖的Qt库（包括关键的Qt6WebEngineCore.dll,Qt6WebEngineWidgets.dll等）复制到当前目录，并创建必要的子文件夹（如translations,resources）。
特别注意：对于WebEngine，还需要手动确保Qt6WebEngineProcess.exe这个独立的进程文件被正确部署。windeployqt通常会处理，但最好检查一下。同时，WebEngine还依赖一系列Chromium的资源文件，它们通常会被复制到一个名为QtWebEngineProcess的目录中。确保整个文件夹一起打包。

常见问题1：程序运行提示缺少Qt6Core.dll等库这就是没有正确部署。严格按照上述步骤使用windeployqt，并将生成的所有文件（而不仅仅是exe）一起打包分发。

6.3 常见问题与排查技巧

编译错误：找不到QWebEngineView头文件
- 原因：项目文件（.pro或CMakeLists.txt）中没有正确添加webenginewidgets模块。
- 解决：检查并修正项目文件，确保QT += ... webenginewidgets或find_package(Qt6 ... WebEngineWidgets)存在。
运行时崩溃或网页显示空白
- 原因A：部署时缺少WebEngine的核心资源文件。WebEngine需要一组特定的数据文件（Pak文件、ICU数据等）才能工作。
- 解决A：确保使用windeployqt部署，并检查输出目录下是否有translations、resources等文件夹。对于WebEngine，一个名为QtWebEngineProcess的文件夹及其内容至关重要。
- 原因B：某些网站使用了较新的JavaScript特性或安全策略，可能与内置的Chromium版本有兼容性问题。
- 解决B：尝试更新你的Qt版本到最新，以获得更新的Chromium内核。对于学习项目，可以尝试访问一些简单的HTTP站点（注意安全）进行测试。
中文输入法在地址栏无法使用
- 原因：这是一个已知的、在某些Qt版本和系统组合下可能出现的问题，与输入法框架的集成有关。
- 解决：尝试设置环境变量QT_IM_MODULE=ibus(Linux) 或使用系统的默认输入法设置。对于Windows，问题较少见，如果出现，可以尝试在main.cpp中，在QApplication构造之前设置QCoreApplication::setAttribute(Qt::AA_EnableHighDpiScaling);和QCoreApplication::setAttribute(Qt::AA_UseSoftwareOpenGL);（后者可能影响性能，谨慎尝试）。
程序内存占用过高
- 原因：每个QWebEngineView都承载着一个独立的Chromium渲染进程。这是正常现象，Chrome浏览器本身也是多进程架构。打开多个标签页，内存占用就会上升。
- 优化：可以监听标签页的关闭事件，及时调用deleteLater()销毁QWebEngineView对象。对于后台标签页，可以探索QWebEnginePage的lifecycleState属性（Qt 6.5+），将其设置为Discarded来释放部分内存，但代价是重新激活时需要重新加载页面。
如何实现开发者工具（F12）？
- QWebEngineView的page()对象提供了一个setDevToolsPage()方法，可以将另一个QWebEnginePage设置为它的开发者工具页面。你需要自己创建一个新的窗口或对话框来承载这个开发者工具页面。这涉及到更高级的用法，但原理是相通的。