在这篇教程中，我们会用 Python 的 PyQt 框架编写一个简单的 web 浏览器。关于 PyQt ，你可能已经有所耳闻了，它是 Qt 框架下的一系列 Python 组件，而 Qt（发音类似“cute”）是用来开发 GUI 的 C++ 框架。严格来讲， Qt 也可用于开发不带图形界面的程序，但是开发用户界面应该是 Qt 框架最为广泛的应用了。Qt 的主要优势是可以开发跨平台的图形界面程序，基于 Qt 的应用能够借助于各平台的原生性在不同类的设备上运行，而无须修改任何代码库。
Qt 附带了 webkit 的接口，你可以直接使用 PyQt 来开发一个基于 webkit 的浏览器。
我们本次教程所开发的浏览器可以完成如下功能：
加载用户输入的url
显示在渲染页面过程中发起的所有请求
允许用户在页面中执行自定义的 JavaScript 脚本
牛刀小试
让我们从最简单的 PyQt 的 Webkit 用例开始吧：输入 url，打开窗口并在窗口中加载页面。
这个例子十分短小，连 import 语句和空行在内也只有 13 行代码。
Python
1
2
3
4
5
6
7
8
9
10
11
12
13
import sys
from PyQt4QtWebKit import QWebView
from PyQt4QtGui import QApplication
from PyQt4QtCore import QUrl
app = QApplication(sysargv)
browser = QWebView()
browserload(QUrl(sysargv[1]))
browsershow()
appexec_()
当你通过命令行将 url 传给脚本时，程序会加载 url 并且在窗口中显示加载完成的页面。
现在，看似你已经有一个“命令行浏览器”啦！至少比 python 的 requests 模块强多了，甚至比 Lynx 还略高一筹，因为我们的浏览器还可以加载 JavaScript 脚本呢。但是目前为止还没有跟 Lynx 拉开差距，因为在启用浏览器的时候只能通过命令行传入 url。那么，必然需要通过某种方式把需要加载的 url 传入浏览器。没错，就是地址栏！
添加地址栏
其实地址栏的实现非常简单，我们只需要在窗口顶端加一个输入框就够了。用户在文本框中输入 url 之后，浏览器就会加载这个地址。下面，我们将用到 QLineEdit 控件来实现输入框。鉴于我们的浏览器现在有地址栏和浏览器显示框两部分，因此还要给我们的应用增加一个网格布局。
Python
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
import sys
from PyQt4QtGui import QApplication
from PyQt4QtCore import QUrl
from PyQt4QtWebKit import QWebView
from PyQt4QtGui import QGridLayout, QLineEdit, QWidget
class UrlInput(QLineEdit):
def __init__(self, browser):
super(UrlInput, self)__init__()
selfbrowser = browser
# add event listener on "enter" pressed
selfreturnPressedconnect(self_return_pressed)
def _return_pressed(self):
url = QUrl(selftext())
# load url into browser frame
browserload(url)
if __name__ == "__main__":
app = QApplication(sysargv)
# create grid layout
grid = QGridLayout()
browser = QWebView()
url_input = UrlInput(browser)
# url_input at row 1 column 0 of our grid
gridaddWidget(url_input, 1, 0)
# browser frame at row 2 column 0 of our grid
gridaddWidget(browser, 2, 0)
# main app window
main_frame = QWidget()
main_framesetLayout(grid)
main_frameshow()
# close app when user closes window
sysexit(appexec_())
到这里，我们已经有一个浏览器的雏形啦！看上去和当年的 Google Chrome 还有几分相像呢，毕竟两者采用了相同的渲染引擎。现在，你可以在输入框中输入 url ，程序便会将地址传入浏览器，接着渲染出所有的 HTML 页面和 JavaScript 脚本并展示出来。
添加开发工具
一个浏览器最有趣也最重要的部分是什么？当然是各种各样的开发工具了！一个没有开发者控制台的浏览器怎么能算是浏览器呢？所以，我们的 Python 浏览器当然也要有一些开发者工具才行。
现在，我们就来添加一些类似于 Chrome 的开发者工具中 “Network” 标签的功能吧！这个功能就是简单地追踪浏览器引擎在加载页面的时候所执行的所有请求。在浏览器主页面的下方，我们将通过一个表来显示这些请求。简单起见，我们只会记录登录的 url、返回的状态码和响应的内容类型。
首先我们要通过 QTableWidget 组件创建一个表格，表头包括需要存储的字段名称，表格可以根据每次新插入的记录来自动调整大小。
Python
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
class RequestsTable(QTableWidget):
header = ["url", "status", "content-type"]
def __init__(self):
super(RequestsTable, self)__init__()
selfsetColumnCount(3)
selfsetHorizontalHeaderLabels(selfheader)
header = selfhorizontalHeader()
headersetStretchLastSection(True)
headersetResizeMode(QHeaderViewResizeToContents)
def update(self, data):
last_row = selfrowCount()
next_row = last_row + 1
selfsetRowCount(next_row)
for col, dat in enumerate(data, 0):
if not dat:
continue
selfsetItem(last_row, col, QTableWidgetItem(dat))
想要追踪所有请求的话，我们还需要对 PyQt 的内部构件有更深入的了解。了解到，Qt 提供了一个 NetworkAccessManager类作为 API 接口，通过调用它可以监控应用加载页面时所执行的请求。我们需要自己编写一个继承自 NetworkAccessManager 的子类，添加必要的事件监听器，然后使用我们自己编写的 manager 来通知 webkit 视图执行相应的请求。
首先我们需要以 NetworkAccessManager 为基类创建我们自己的网络访问管理器。
Python
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
class Manager(QNetworkAccessManager):
def __init__(self, table):
QNetworkAccessManager__init__(self)
# add event listener on "load finished" event
selffinishedconnect(self_finished)
selftable = table
def _finished(self, reply):
"""Update table with headers, status code and url
"""
headers = replyrawHeaderPairs()
headers = {str(k):str(v) for k,v in headers}
content_type = headersget("Content-Type")
url = replyurl()toString()
# getting status is bit of a pain
status = replyattribute(QNetworkRequest>
status, ok = statustoInt()
selftableupdate([url, str(status), content_type])
在这里需要提醒大家的是， Qt 的某些实现并不像想象中那么简单明了，比如说从响应中获取状态码就十分繁琐。首先，你得把请求对象的类属性作为参数传入 response 的方法 attribute() 中，attribute() 方法的返回值是 QVariant 类型而非 int 类型。接着，需要调用内置函数 toInt() 将其转换成一个包含两个元素的元组，最终得到响应的状态码。
现在，我们终于有了一个记录请求的表和一个监控网络的 manager，接下来只要把他们聚拢起来就可以了。
Python
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
if __name__ == "__main__":
app = QApplication(sysargv)
grid = QGridLayout()
browser = QWebView()
url_input = UrlInput(browser)
requests_table = RequestsTable()
manager = Manager(requests_table)
# to tell browser to use network access manager
# you need to create instance of QWebPage
page = QWebPage()
pagesetNetworkAccessManager(manager)
browsersetPage(page)
gridaddWidget(url_input, 1, 0)
gridaddWidget(browser, 2, 0)
gridaddWidget(requests_table, 3, 0)
main_frame = QWidget()
main_framesetLayout(grid)
main_frameshow()
sysexit(appexec_())
现在，运行浏览器程序，在地址栏键入 url，就可以看到在主页面下方的记录表中记录下的所有请求。
如果你有兴趣的话，还可以为浏览器添加很多新的功能：
通过content-type添加筛选功能
添加记录表的排序功能
添加计时器
高亮显示出错的请求（比如说把错误信息置为红色）
显示出更为具体的请求内容，比如说完整的头信息、响应内容、请求方法等。
增加一个重复发送请求并加载出来的选项。比如说用户可以点击在记录表中的请求来重试请求。
其实还有太多的功能可以继续完善和改进，你可以一一尝试一下，这会是一个非常有趣而且收获良多的学习过程。但是如果想把这些功能都说完，估计都能写一本书了。所以限于篇幅，本文就不一一介绍了，感兴趣的朋友可以参考其他书籍和网上教程。
增加解析自定义 JavaScript 脚本的功能
我们终于迎来最后一个功能了！就是解析在页面中包含的 JavaScript 脚本。
基于我们之前已经打下的基础，要完成这个功能非常简单。我们只需要在添加一个 QLineEdit 组件，把它和页面联系起来，然后调用 evaulateJavaScript 方法就可以了。
Python
1
2
3
4
5
6
7
8
9
class JavaScriptEvaluator(QLineEdit):
def __init__(self, page):
super(JavaScriptEvaluator, self)__init__()
selfpage = page
selfreturnPressedconnect(self_return_pressed)
def _return_pressed(self):
frame = selfpagecurrentFrame()
result = frameevaluateJavaScript(selftext())
下面是这个功能的示例。看，我们的开发者工具已经整装待发了！
Python
1
2
3
4
5
6
7
8
9
10
11
if __name__ == "__main__":
#
#
page = QWebPage()
#
js_eval = JavaScriptEvaluator(page)
gridaddWidget(url_input, 1, 0)
gridaddWidget(browser, 2, 0)
gridaddWidget(requests_table, 3, 0)
gridaddWidget(js_eval, 4, 0)
现在唯一缺少的就是在页面中不能执行 Python 脚本。你可以开发自己的浏览器，提供对 JavaScript 和 Python 的支持，这样其他开发者就可以针对你的浏览器开发应用了。
后退、前进和其他页面 *** 作
我们在前面已经使用了 QWebPage 对象来开发浏览器，当然作为一个合格的浏览器，我们也需要为终端用户提供一些重要功能。Qt 的网页对象支持很多不同 *** 作，我们可以把它们全都添加到浏览器中。
现在我们可以先尝试着添加“后退”、“前进”和“刷新”这几个 *** 作。你可以在界面上添加这些 *** 作按钮，简单起见，这里只加一个文本框来执行这些动作。
Python
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
class ActionInputBox(QLineEdit):
def __init__(self, page):
super(ActionInputBox, self)__init__()
selfpage = page
selfreturnPressedconnect(self_return_pressed)
def _return_pressed(self):
frame = selfpagecurrentFrame()
action_string = str(selftext())lower()
if action_string == "b":
selfpagetriggerAction(QWebPageBack)
elif action_string == "f":
selfpagetriggerAction(QWebPageForward)
elif action_string == "s":
selfpagetriggerAction(QWebPageStop)
和之前一样，我们要创建一个 ActionInputBox 的实例，把参数传入页面对象并把输入框对象添加到页面中。
For reference here’s code for final result 示例代码看这里
[1]: Graphical User Interface，图形用户界面，又称图形用户接口，是指采用图形方式显示的计算机 *** 作用户界面。
[2]: WebKit是一个开源的浏览器引擎，与之相对应的引擎有 Gecko（Mozilla Firefox 等使用）和 Trident（也称 MSHTML ，IE 使用）。
主要使用QTableView和QTableWidget中的三个函数实现QTableView：：verticalScrollBar()->setSliderPosition()； //设置当前滑动条的位置QTableView：：verticalScrollBar()->maximum(); //滑动条能移动的最大位置QTableView：：verticalScrollBar()->value(); //获得当前滑动条的位置 QTableWidget是一个表示二维离散数组的表格。它在给定维度里显示当前用户滚动的单元格。当用户在一个空的单元格中输入一些文本时，QTableWidget自动创建一个QTableWidgetItem对象保存输入的文本。Qt 4推出了一组新的item view类，它们使用model/view结构来管理数据与表示层的关系。这种结构带来的功能上的分离给了开发人员更大的d性来定制数据项的表示，它也提供一个标准的model接口，使得更多的数据源可以被这些item view使用。这里对model/view的结构进行了描述，结构中的每个组件都进行了解释，给出了一些例子说明了提供的这些类如何使用。Model/View 结构Model-View-Controller(MVC)， 是从Smalltalk发展而来的一种设计模式，常被用于构建用户界面。经典设计模式的著作中有这样的描述：MVC 由三种对象组成。Model是应用程序对象，View是它的屏幕表示，Controller定义了用户界面如何对用户输入进行响应。在MVC之前，用户界面设计倾向于三者揉合在一起，MVC对它们进行了解耦，提高了灵活性与重用性。假如把 view与controller结合在一起，结果就是model/view结构。这个结构依然是把数据存储与数据表示进行了分离，它与MVC都基于同样的思想，但它更简单一些。这种分离使得在几个不同的view上显示同一个数据成为可能，也可以重新实现新的view,而不必改变底层的数据结构。为了更灵活的对用户输入进行处理，引入了delegate这个概念。它的好处是，数据项的渲染与编程可以进行定制。如上图所示，model与数据源通讯，并提供接口给结构中的别的组件使用。通讯的性质依赖于数据源的种类与model实现的方式。view从model获取model indexes,后者是数据项的引用。通过把model indexes提供给model,view可以从数据源中获取数据。在标准的 views中，delegate会对数据项进行渲染，当某个数据项被选中时，delegate通过model indexes与model直接进行交流。总的来说，model/view 相关类可以被分成上面所提到的三组：models,views,delegates。这些组件通过抽象类来定义，它们提供了共同的接口，在某些情况下，还提供了缺省的实现。抽象类意味着需要子类化以提供完整的其他组件希望的功能。这也允许实现定制的组件。models,views,delegates之间通过信号，槽机制来进行通讯：从model发出的信号通知view数据源中的数据发生了改变。从view发出的信号提供了有关被显示的数据项与用户交互的信息。从delegate发生的信号被用于在编辑时通知model和view关于当前编辑器的状态信息。Models所有的item models都基于QAbstractItemModel类，这个类定义了用于views和delegates访问数据的接口。数据本身不必存储在model,数据可被置于一个数据结构或另外的类，文件，数据库，或别的程序组件中。关于model的基本概念在Model Classes部分中描述。QAbstractItemModel提供给数据一个接口，它非常灵活，基本满足views的需要，无论数据用以下任何样的形式表现，如tables,lists,trees。然而，当你重新实现一个model时，如果它基于table或list形式的数据结构，最好从QAbstractListModel,QAbstractTableModel开始做起，因为它们提供了适当的常规功能的缺省实现。这些类可以被子类化以支持特殊的定制需求。子类化model的过程在Create New Model部分讨论QT提供了一些现成的models用于处理数据项：QStringListModel 用于存储简单的QString列表。QStandardItemModel 管理复杂的树型结构数据项，每项都可以包含任意数据。QDirModel 提供本地文件系统中的文件与目录信息。QSqlQueryModel, QSqlTableModel,QSqlRelationTableModel用来访问数据库。假如这些标准Model不满足你的需要，你应该子类化QAbstractItemModel,QAbstractListModel或是QAbstractTableModel来定制。Views不同的view都完整实现了各自的功能：QListView把数据显示为一个列表，QTableView把Model 中的数据以table的形式表现，QTreeView 用具有层次结构的列表来显示model中的数据。这些类都基于QAbstractItemView抽象基类，尽管这些类都是现成的，完整的进行了实现，但它们都可以用于子类化以便满足定制需求。DelegatesQAbstractItemDelegate 是model/view架构中的用于delegate的抽象基类。缺省的delegate实现在QItemDelegate类中提供。它可以用于Qt标准views的缺省 delegate排序在model/view架构中，有两种方法进行排序，选择哪种方法依赖于你的底层Model。假如你的model是可排序的，也就是它重新实现了QAbstractItemModel::sort()函数，QTableView与QTreeView都提供了API,允许你以编程的方式对Model数据进行排序。另外，你也可以进行交互方式下的排序（例如，允许用户通过点击view表头的方式对数据进行排序），可以这样做：把QHeaderView::sectionClicked()信号与QTableView::sortByColum()槽或QTreeView::sortByColumn()槽进行联结就好了。另一种方法是，假如你的model没有提供需要的接口或是你想用list view表示数据，可以用一个代理model在用view表示数据之前对你的model数据结构进行转换。便利类许多便利类都源于标准的view类，它们方便了那些使用Qt中基于项的view与table类，它们不应该被子类化，它们只是为Qt 3的等价类提供一个熟悉的接口。这些类有QListWidget,QTreeWidget,QTableWidget,它们提供了如Qt 3中的QListBox, QlistView,QTable相似的行为。这些类比View类缺少灵活性，不能用于任意的models,推介使用model/view的方法处理数据。
[cpp] view plaincopy
setEditTriggers(QAbstractItemView1 在编程中
QAbstractItemView，而QAbstractItemView方法setEditTriggers可以设置是否可以编辑
QAbstractItemView:DoubleClicked 2 Editing starts when an item is double clicked:AnyKeyPressed 16 Editing starts when any key is pressed over an item::，因此只要是继承自QAbstractItemView的其它类控件都可以设置为可否编辑:SelectedClicked 4 Editing starts when clicking on an already selected item
QAbstractItemView:，而且方法一致:CurrentChanged 1 Editing start whenever current item changes，如1所示:。
QAbstractItemView的编辑触发事件如下：
Constant
Value
Description
QAbstractItemView;
2 由QTableWidget引申，则使用如下代码即可
QAbstractItemView:
QAbstractItemView:EditKeyPressed 8 Editing starts when the platform edit key has been pressed over an item:
QAbstractItemView，若是想设置QTableWidget为不可编辑:AllEditTriggers 31 Editing starts for all above actions:NoEditTriggers)：
因为QTableWidget继承自QAbstractItemView::NoEditTriggers 0 No editing possible
1、使用QDataStream进行二进制数据读写。
2、read binary data from a stream。
3、在代码中使用硬编码指定流的版本号。
4、在文件头写入一个简短的幻数字符串和一个版本数字，来用于将来扩展。
5、可以以下面这种方式来读取。
6、使用事务来完成不完整的数据读取。
tableWidget_itemClicked(QTableWidgetItem item)
这里的item就是单击的项
还有获取当前项： ui->tableWidget->currentItem();
'''
简介
PyQT5中表格头为自适应模式例子
'''
import sys
from PyQt5QtWidgets import (QWidget, QTableWidget, QHBoxLayout, QApplication, QTableWidgetItem, QHeaderView)
class Table(QWidget):
def init (self):
super() init ()
selfinitUI()
if name == ' main ':
app = QApplication(sysargv)
example = Table()
exampleshow()
sysexit(appexec_())
如果上面不行,下面是表头的单击信号,可以自己加功能,一个是行一个是列,自己试试
selftableWidgetverticalHeader(nnect(selfVerSectionClicked)#表头单击信号
selftableWidgethorizontalHeader(nnect(selfHorSectionClicked)#表头单击信号
def VerSectionClicked(self,index):
print index
def HorSectionClicked(self,index):
print index
双击修改后QTableWidget会发送一个信号：voiditemChanged(QTableWidgetItemitem)你可以在代码中为这个信号写一个槽函数：voidslotItemChanged(QTableWidgetItemitem)，然后连接。
如果你是要用纯代码实现的话，可以用代码配合designer使用，相对初学者来说简单一点。
以上就是关于如何用Python开发一个简单的Webkit浏览器全部的内容，包括:如何用Python开发一个简单的Webkit浏览器、QT中的QtableWidget和QtableView使用有什么区别、请教个QTableWidget表头设置问题等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）