QtQuick QML教程(30)：qml显示网页

令狐掌门

已于 2025-01-21 18:38:30 修改

阅读量875

点赞数

CC 4.0 BY-SA版权

分类专栏： QtQuick QML入门进阶教程文章标签： qml显示网页

于 2023-09-14 22:12:26 首次发布

本文链接：https://blog.csdn.net/yao_hou/article/details/132891532

QtQuick QML入门进阶教程专栏收录该内容

67 篇文章 ¥59.90 ¥99.00

订阅专栏

在QML中显示网页需要使用模块。确保已安装该模块后，可以通过简单的QML示例来显示网页，如Qt视频教程页面。注意，Qt自带的WebEngine不支持视频播放，需要自行编译解决。此外，应用可能需要额外权限，体积较大，并可能需要针对不同平台进行配置和测试。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

QML显示网页需要使用Qt WebEngine模块，它提供了一个WebEngineView组件，可以用来在QML中显示和交互网页。

首先，确保你已经安装了Qt WebEngine模块。如果你使用的是Qt的在线安装程序，你可以通过Qt Maintenance Tool来添加这个模块。

以下是如何在QML中使用WebEngineView来显示网页的简单示例，显示我的Qt视频教程页面https://edu.csdn.net/learn/37447/581806?spm=3001.4143：

import QtQuick
import QtQuick.Controls
import QtWebEngine

ApplicationWindow {
    visible: true
    width: 800
    height: 600
    title: "WebEngineView 示例"

    WebEngineView {
        anchors.fill: parent
        url: "https://edu.csdn.net/learn/37447/581806?spm=3001.4143"
    }
}

运行结果

了解本专栏