Qt WebEngine 实战 - 仿制浏览器（加载进度、放大、缩小、前进、后退、网站图标、历史记录、页面查找）

目录

一、成果展示

二、功能拆解：

0、网页加载逻辑

1、在标题栏，显示加载进度

2、 放大、缩小、重置

3、 前进、后退、刷新

4、 获取网站图标

5、显示历史记录，提供显示与跳转功能

6、界面内查找：

三、完整工程代码：

---

一、成果展示

QT 仿制浏览器，实现功能如下：

1、获取网址时，在标题栏，显示加载进度

2、查看：界面的 放大、缩小、重置 功能

3、界面导航功能：前进、后退、刷新 功能

4、获取网站图标

5、显示历史记录，并提供跳转功能

6、界面内查找：在当前界面用高亮模式，显示查找内容

图示：

二、功能拆解：

0、网页加载逻辑

1、当 QWebEngineView 开始加载时，会发射 loadStarted() 信号；

2、而每当一个网页元素（如一张图 一个脚本）加载完成时，都会发射 loadProgress() 信号 - 用于显示加载进度

3、最后加载全部完成后，会发射 loadFinished() 信号，如果加载成功，该信号的参数为 true，否则为 false

4、用 title() 获取 HTML 文档的标题，如果标题发生了改变，则会发射 titleChanged() 信号

5、如果需要自定义上下文（鼠标右键功能），则可以重新实现 contextMenuEvent()，然后用 pageAction() 获得的动作来填充菜单。

 

1、在标题栏，显示加载进度

说明：

每当一个网页元素（如一张图 一个脚本）加载完成时，都会发射 loadProgress() 信号

结果展示：

代码展示：

view = new QWebEngineView(this);
view->load(QUrl("http://www.qter.org/"));

// 从 0 到 100，表示进度;
progress = 0;

connect(view, &QWebEngineView::loadProgress, this, &MyWebEngine::setProgress);


void MyWebEngine::setProgress(int p)
{
    // 从 0 到 100，表示进度;
    progress = p;
    adjustTitle();
}

// 调整标题槽
void MyWebEngine::adjustTitle()
{
    if ( progress <= 0 || progress >= 100) {
        setWindowTitle(view-&g