python网页交互引擎_《快速掌握PyQt5》第三十章 网页交互QWebEngineView

如果需要在程序中加载并显示网页，那QWebEngineView绝对是最佳的选择。该控件基于Chrome浏览器内核引擎，所提供的功能和方法还是比较强大的。

注：V5.11及更高版本的PyQt5中不包含QWebEngineView，请另外单独下载：

pip install PyQtWebEngine

30.1 制作简单浏览器

本章我们就通过制作下图所示的简单浏览器来了解QWebEngineView的用法：

在输入框中输入网址并敲回车后，QWebEngineView控件加载并显示相应的网址内容。左上方的三个按钮可以允许我们进行前进、后退和刷新操作，右上方的两个按钮可以放大和缩小网页。

下面我们一步步来实现，首先完成浏览器的外观：

import sys

from PyQt5.QtCore import Qt, QUrl

from PyQt5.QtGui import QIcon

from PyQt5.QtWebEngineWidgets import QWebEngineView

from PyQt5.QtWidgets import QApplication, QWidget, QPushButton, QLineEdit, QVBoxLayout, QHBoxLayout

class Demo(QWidget):

def __init__(self):

super(Demo, self).__init__()

self.resize(1000, 600) # 1

self.back_btn = QPushButton(self) # 2

self.forward_btn = QPushButton(self)

self.refresh_btn = QPushButton(self)

self.zoom_in_btn = QPushButton(self)

self.zoom_out_btn = QPushButton(self)

self.url_le = QLineEdit(self)

self.browser = QWebEngineView(self)

self.h_layout = QHBoxLayout()

self.v_layout = QVBoxLayout()

self.layout_init()

self.btn_init()

self.le_init()

def layout_init(self): # 3

self.h_layout.setSpacing(0)

self.h_layout.addWidget(self.back_btn)

self.h_layout.addWidget(self.forward_btn)

self.h_layout.addWidget(self.refresh_btn)

self.h_layout.addStretch(2)

self.h_layout.addWidget(self.url_le)

self.h_layout.addStretch(2)

self.h_layout.addWidget(self.zoom_in_btn)

self.h_layout.addWidget(self.zoom_out_btn)

self.v_layout.addLayout(self.h_layout)

self.v_layout.addWidget(self.browser)

self.setLayout(self.v_layout)

def btn_init(self): # 4

self.back_btn.setIcon(QIcon('images/back.png'))

self.forward_btn.setIcon(QIcon('images/forward.png'))

self.refresh_btn.setIcon(QIcon('images/refresh.png'))

self.zoom_in_btn.setIcon(QIcon('images/zoom_in.png'))

self.zoom_out_btn.setIcon(QIcon('images/zoom_out.png'))

def le_init(self): # 5

self.url_le.setFixedWidth(400)

self.url_le.setPlaceholderText('Search or enter website name')

if __name__ == '__main__':

app = QApplication(sys.argv)

demo = Demo()

demo.show()

sys.exit(app.exec_())

1. 通过resize()方法来将窗口大小设为1000x600；

2. 实例化按钮控件、输入框控件以及QWebEngineView控件；

3. 完成布局，使用setSpacing()传入参数0代表让各个控件之间不存在间隔(主要想让按钮靠拢)，随后我们在想要的地方使用addStretch()，这样就达