当前位置：首页 > news >正文

【QT】Qt4 QtWebKit使用教程

news 来源：原创 2025/6/10 5:53:02

1、项目配置

1.2 确保支持QtWebKit模块

确认你使用的 Qt 版本包含 QtWebKit。较新的 Qt 版本（如 Qt 5.6 及更高）默认不包含，你可能要么使用较旧的 Qt 版本要么自行安装QtWebKit模块。

1.3 在.pro 文件中添加依赖

在你的 Qt 项目的 .pro 文件中添加 QT += webkit 来引入 QtWebKit 模块。

2、显示网页

使用 QWebView 的 load 函数加载网页或html文件。如下所示：

#include <QApplication>
#include <QWebView>

int main(int argc, char *argv[])
{
   
    QApplication a(argc, argv);

    QWebView view;
    view.load(QUrl("http://www.example.com"));
    view.show();

    return a.exec();
}

使用 QWebView 的 setHtml 函数可以直接加载显示 html 文本，一般用于简单显示 html 超文件。示例如下：

#include <QApplication>
#include <QWebView>

int main(int argc, char *argv[])
{
   
    QApplication a(argc, argv);

    // 创建QWebView对象
    QWebView webView;

    // 加载包含JavaScript代码的网页
    webView.setHtml("<html>"
                     "<body>"
                     "<div id='myDiv'>Hello, World!</div>"
                     "<script>function getDivText() { return document.getElementById('myDiv').innerHTML; }</script>"
                     "</body>"
                     "</html>");

    // 显示网页
    webView.show();

    return a.exec();
}

3、实现Qt和网页JavaScript之间的交互

3.1 Qt执行网页的JavaScript代码

在 QtWebKit 中，QWebFrame 类是用于表示 QWebPage 中的一个框架，它提供了与网页内容交互的功能。QWebPage 可以通过 QWebView 的 page 函数获取。
QWebFrame 的 evaluateJavaScript 函数是一个非常实用的方法，它的主要作用是在网页的 JavaScript 环境中执行一段 JavaScript 代码，并返回执行结果。函数原型如下：

/**
 * @brief 执行JavaScript代码
 * @param scriptSource 要执行的JavaScript代码
 * @return 该函数返回一个QVariant类型的对象，表示JavaScript代码执行后的返回值。如果JavaScript代码没有返回值，则返回一个无效的QVariant对象。
 */
QVariant QW