|
WebKit初识
版权声明
该文章原创于作者yafeilinux，转载请注明出处！
导语
WebKit是一个开源的浏览器引擎。Qt中提供了基于WebKit的QtWebKit模块，它包含了一组相关的类。QtWebKit提供了一个Web浏览器引擎，使用它便可以很容易的将万维网（WorldWide Web）中的内容嵌入到Qt应用程序中。与此同时，本地也可以对Web内容进行控制。QtWebKit可以呈现HTML（HyperTextMarkup Language，超文本标记语言）文档、XHTML（Extensible HyperTextMarkup Language，可扩展超文本标记语言）文档和SVG（Scalable VectorGraphics，可缩放矢量图形）文档，风格使用CSS（Cascading StyleSheets，层叠样式表），脚本使用JavaScript。在JavaScript执行环境和Qt对象模型间搭建的桥梁，实现了使用WebKit的JavaScript环境访问本地对象。关于这一点，大家可以在帮助中参考The QtWebKit Bridge关键字对应的文档。通过整合Qt的网络模块，实现了从Web服务器、本地文件系统甚至Qt资源系统中透明的加载Web页面。
环境：
Windows Xp + Qt 4.8.5+Qt Creator2.8.0
目录
一、简单应用
二、扩展应用
正文
一、简单应用
下面我们来实现一个可以打开特定网页的程序。新建空的Qt
项目，在pro
项目文件中添加一行代码：QT += webkit
，然后向项目中添加一个main.cpp
文件，并在其中添加如下代码：
#include
<QWebView>
#include
<QApplication>
int
main(int argc, char* argv[])
{
QApplication
a(argc,
argv);
QWebView
view;
view.
load(QUrl("http://www.qter.org"));
view.
show();
return
a.
exec();
}
要使用WebKit
，就要先添加webkit
模块。QWebView
是QtWebKit
模块主要的窗体部件，它可以在各种应用程序中用来显示Internet
上的网页内容。QWebView
作为一个窗口部件，可以嵌入到窗体或者图形视图部件中。
QWebView用来显示Web页面，每个QWebView实例都包含一个QWebPage对象。QWebPage提供了对一个页面的文档结构的访问，描述了如框架（frame）、访问历史记录和可编辑内容的撤销/重做栈等特色。每一个QWebPage都包含一个QWebFrame对象作为它的主框架。在HTML中的每一个单独的框架都可以使用QWebFrame来表示，这个类包含了到JavaScript窗口对象的桥梁，而且可以进行绘制。在QWebPage的主框架中可以包含很多的子框架。
HTML文档中单独的元素可以通过DOM JavaScript接口进行访问，在QtWebKit中与这个接口等价的接口由QWebElement来表示。QWebElement对象可以使用QWebFrame的findAllElement()和findFirstElement()函数来获取。一般的网页浏览器的特色设置都可以通过QWebSettings类来配置，可以通过默认设置为所有的QWebPage实例提供默认值。单独的属性可以使用页面指定的设置对象进行重写。
二、扩展应用
下面再来看一个可以随意更改网址并且可以显示网站logo的例子。新建Qt Gui应用，项目名称为“webview”，类名和基类保持“MainWindow”和“QMainWindow”不变。完成后向webview.pro文件中添加QT += webkit一行代码，并按下Ctrl + S保存该文件。
1.
下面到mainwindow.h
文件中，先添加头文件：
#include
<QWebView>
#include
<QLineEdit>
然后添加槽的声明：
protected
slots
:
void
changeLocation(); //
改变路径
void
setProgress(int); //
更新进度
void
adjustTitle(); //
更新标题显示
void finishLoading(bool); // 加载完成后进行处理
再添加对象和变量定义：
QWebView
*
view
;
QLineEdit
*
locationEdit
;
int
progress
;
2.
下面到mainwindow.cpp
文件中，在构造函数中添加如下代码：
当QWebView
开始加载时，会发射loadStarted()
信号；而每当一个网页元素（例如一张图片或一个脚本等）加载完成时，都会发射loadProgress()
信号；最后，当加载全部完成后，会发射loadFinished()
信号，如果加载成功，该函数的参数为true
，否则为false
。可以使用title()
来获取HTML
文档的标题，如果标题发生了改变，将会发射titleChanged()
信号。
3.
下面添加那几个槽的定义：
void
MainWindow
::
changeLocation()
{
QUrl
url
=
QUrl
(
locationEdit
->
text());
view
->
load(url);
view
->
setFocus();
}
void
MainWindow
::
setProgress(int p)
{
progress
=
p;
adjustTitle();
}
void
MainWindow
::
adjustTitle()
{
if
(
progress
<=
0
||
progress
>=
100
)
{
setWindowTitle(view->title());
}
else
{
setWindowTitle(QString("%1 (%2%)").arg(view->title()).arg(progress));
}
}
void
MainWindow
::
finishLoading(bool finished)
{
if
(finished)
{
progress
=
100
;
setWindowTitle(view->title());
}
else
{
setWindowTitle("web page loading error!");
}
}
下面运行程序，效果如下图所示：
结语
WebKit
是一个很庞大的体系，我们这里只是讲解了其最基本的应用，有兴趣的朋友可以结合
Qt
文档来进一步的学习。
涉及到的代码： myweb.rar webview.rar |
[Qt教程] 第40篇 网络（十）WebKit初识
2013-11-12
1840
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
目录
相关文章
|
26天前
|
编译器
区块链
C++
|
21天前
|
弹性计算
Kubernetes
网络协议
|
25天前
|
25天前
|
25天前
|
前端开发
数据安全/隐私保护
C++
|
25天前
|
2月前
|
网络协议
开发者
Python
网络编程小白秒变大咖！Python Socket基础与进阶教程，轻松上手无压力！
在网络技术飞速发展的今天，掌握网络编程已成为开发者的重要技能。本文以Python为工具，带你从Socket编程基础逐步深入至进阶领域。首先介绍Socket的概念及TCP/UDP协议，接着演示如何用Python创建、绑定、监听Socket，实现数据收发；最后通过构建简单的聊天服务器，巩固所学知识。让初学者也能迅速上手，成为网络编程高手。
69
1
1
|
3月前
|
API
|
3月前
|
C++
C++ Qt开发：QUdpSocket网络通信组件
QUdpSocket是Qt网络编程中一个非常有用的组件，它提供了在UDP协议下进行数据发送和接收的能力。通过简单的方法和信号，可以轻松实现基于UDP的网络通信。不过，需要注意的是，UDP协议本身不保证数据的可靠传输，因此在使用QUdpSocket时，可能需要在应用层实现一些机制来保证数据的完整性和顺序，或者选择在适用的场景下使用UDP协议。
132
2
2
|
3月前