【QT进阶】Qt Web混合编程之QWebEngineView基本用法

往期回顾

【QT入门】Qt自定义控件与样式设计之自定义QTabWidget实现tab在左,文本水平的效果-CSDN博客
【QT进阶】Qt Web混合编程之CEF、QCefView简单介绍-CSDN博客

【QT进阶】Qt Web混合编程之VS2019 CEF的编译与使用-CSDN博客
 

 【QT进阶】Qt Web混合编程之QWebEngineView基本用法

一、最终效果

二、具体用法

1、导入webenginewidgets模块

在pro文件的第一行补上就行

QT       += core gui  webenginewidgets

2、两种使用方法

不管哪种方法,都需要先导入webenginewidgets模块

2.1直接提升控件为QWebEngineView

然后在widget.cpp文件里直接用提升的控件去调用load/setUrl方法

注意给widget控件改个名字,方便区分使用 

Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);

    ui->web_widget->load(QUrl("http://www.baidu.com"));
    ui->web_widget->show();

}
2.2、创建类继承QWebengineView

自己创建一个类,继承自QWebengineView,用这个类的对象去调用方法

(1)右键单击项目->添加新文件->选择c++ class->继承自QWebengineView

(2)初始化一下新添加的类,然后在widget.cpp文件里创建类对象并展示即可

当然,如果我们还想展示在某个widget控件里,让控件提升为我们新建这个类就是 

注意一个问题:

    CWebEngineView * webEngine = new CWebEngineView();
    webEngine->load(QUrl("http://www.baidu.com"));

注意,此时这样写,是不会显示出来的,因为窗口控件webwidget跟这个类新建的对象没关系

正确的写法:

ui->web_widget02->load(QUrl("http://www.baidu.com"));

3、setUrl和load方法具体介绍 

 3.1setUrl()方法

setUrl方法用于设置要显示的Web页面的URL。它接受一个QUrl对象作为参数,表示要加载的页面的URL。当调用setUrl方法时,QWebEngineView会立即开始加载指定的页面。

3.2load()方法

load方法也用于加载Web页面,它接受一个QUrl对象作为参数,表示要加载的页面的URL。与setUrl方法不同的是,load方法是一个重载方法,它还可以接受一个QWebEngineHttpRequest对象作为参数,用于指定加载页面时的请求头信息。调用load方法会开始加载指定的页面,并且可以通过QWebEnginePage的loadProgress信号来跟踪加载进度。

二者区别:
setUrl方法用于简单地设置要显示的页面的URL,而load方法则更加灵活,可以设置加载页面时的请求头信息。


以上就是QWebEngineView基本用法的简单介绍。

都看到这里了,点个赞再走呗朋友~

加油吧,预祝大家变得更强!

相关推荐

  1. QTQt Web混合编程CEF、QCefView简单介绍

    2024-04-22 06:50:05       38 阅读
  2. Linux基础

    2024-04-22 06:50:05       41 阅读
  3. QTQt http编程http与https简单介绍

    2024-04-22 06:50:05       42 阅读
  4. QTQt http编程json解析的简单介绍

    2024-04-22 06:50:05       42 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-04-22 06:50:05       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-04-22 06:50:05       101 阅读
  3. 在Django里面运行非项目文件

    2024-04-22 06:50:05       82 阅读
  4. Python语言-面向对象

    2024-04-22 06:50:05       91 阅读

热门阅读

  1. 【无标题】

    2024-04-22 06:50:05       34 阅读
  2. 前端nodead面试题

    2024-04-22 06:50:05       31 阅读
  3. 前端系列-2 模块化CommonJs+AMD+CMD+ES6

    2024-04-22 06:50:05       23 阅读
  4. ES6 import / export / export default type=module

    2024-04-22 06:50:05       35 阅读
  5. eCognition 分类

    2024-04-22 06:50:05       34 阅读
  6. 数据结构--双向链表

    2024-04-22 06:50:05       37 阅读
  7. JVM中的GC如何判断对象可以被回收

    2024-04-22 06:50:05       38 阅读
  8. Vue-router的动态路由:获取传递的值

    2024-04-22 06:50:05       25 阅读
  9. 【架构】负载均衡SLB浅谈

    2024-04-22 06:50:05       22 阅读
  10. 151.翻转字符串里的单词

    2024-04-22 06:50:05       32 阅读
  11. Redis的内存淘汰策略

    2024-04-22 06:50:05       39 阅读
  12. 【架构】高可用:热备和冷备以及双活

    2024-04-22 06:50:05       31 阅读
  13. rCore-Tutorial-Book第二课(移除Rust std标准库依赖)

    2024-04-22 06:50:05       31 阅读