【QT】Qt4 QtWebKit使用教程

yanzhyan

已于 2025-04-03 13:54:47 修改

阅读量1.1k

点赞数 8

分类专栏： QT 文章标签： qt 开发语言

于 2025-03-31 17:42:58 首次发布

本文链接：https://blog.csdn.net/yanzhyan/article/details/146860945

版权

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 QWebFrame::