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;