python GUI庫圖形界面開發(fā)之PyQt5瀏覽器控件QWebEngineView詳細使用方法
更新時間：2020年02月26日 09:15:31 作者：jia666666
這篇文章主要介紹了python GUI庫圖形界面開發(fā)之PyQt5瀏覽器控件QWebEngineView詳細使用方法,需要的朋友可以參考下
PyQt5瀏覽器控件QWebEngineView
PyQt5使用QWebEngineView控件來展示HTML頁面，對老版本的QWebView類不在進行維護，因為QWebEngineView使用CHromium內(nèi)核可以給用戶帶來更好的體驗
QWebEngineView類中常用方法
| 方法 | 描述 |
|---|---|
| load(QUrl url) | 加載指定的URL并顯示 |
| setHtml（QString&html） | 將網(wǎng)頁視圖的內(nèi)容設(shè)置為指定的HTML內(nèi)容 |
QWebEngineView控件使用load（）函數(shù)加載一個Web頁面，實際上就是使用HTTP Get方法加載web頁面，這個控件可以加載本地的web頁面，也可以加載外部的WEb頁面，其核心代碼如下
view=QWebEngineView（）
view.load(QUrl('http://www.dhdzp.com'))
view.show()
QWebEngineView加載顯示外部的web頁面實例
import sys
from PyQt5.QtCore import *
from PyQt5.QtGui import *
from PyQt5.QtWidgets import *
from PyQt5.QtWebEngineWidgets import *
class MainWindow(QMainWindow):
def __init__(self):
super(MainWindow, self).__init__()
self.setWindowTitle('加載外部網(wǎng)頁的例子')
self.setGeometry(5,30,1355,730)
self.browser=QWebEngineView()
#加載外部的web界面
self.browser.load(QUrl('http://www.dhdzp.com'))
self.setCentralWidget(self.browser)
if __name__ == '__main__':
app=QApplication(sys.argv)
win=MainWindow()
win.show()
app.exit(app.exec_())
運行效果圖如下
在這里，我輸入的url是我的博客地址，所以加載的也就是這個網(wǎng)址請求的web界面
QWebEngineView加載并顯示嵌入的HTML代碼
import sys
from PyQt5.QtCore import *
from PyQt5.QtGui import *
from PyQt5.QtWidgets import *
from PyQt5.QtWebEngineWidgets import *
class MainWindow(QMainWindow):
def __init__(self):
super(MainWindow, self).__init__()
self.setWindowTitle('加載本地網(wǎng)頁的例子')
self.setGeometry(5,30,1355,730)
self.browser=QWebEngineView()
# #加載外部的web界面
# url=r'index.html'
# self.browser.load(QUrl(url))
self.browser.setHtml('''<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h1>Hello PyQt5</h1>
<h1>Hello PyQt5</h1>
<h1>Hello PyQt5</h1>
<h1>Hello PyQt5</h1>
<h1>Hello PyQt5</h1>
</body>
</html>''')
self.setCentralWidget(self.browser)
if __name__ == '__main__':
app=QApplication(sys.argv)
win=MainWindow()
win.show()
app.exit(app.exec_())
運行圖片如下
注意使用QWebEngineView對象的setHTML（）函數(shù)渲染HTml頁面時，如果頁面中使用的JavaScript代碼超過2M，程序渲染就會失敗
QWebEngineView調(diào)用JavaScript代碼實例
通過QWebEnginePage類的runJavaScript（str,Callable）函數(shù)可以方便地實現(xiàn)PyQt和HTML、JavaScript的雙向通信，也實現(xiàn)了python代碼和Html，JavaScript代碼的解耦，便于開發(fā)人員進行分工協(xié)作，在PyQt對象中，訪問JavaScript的核心代碼如下
QWebEnginePage.runJavaScript(str,Callable)
完整代碼
import sys
from PyQt5.QtWebEngineWidgets import QWebEngineView
from PyQt5.QtWidgets import QApplication, QWidget, QVBoxLayout, QPushButton
# 創(chuàng)建一個 application實例
app = QApplication(sys.argv)
win = QWidget()
win.setWindowTitle('Web頁面中的JavaScript與 QWebEngineView交互例子')
# 創(chuàng)建一個垂直布局器
layout = QVBoxLayout()
win.setLayout(layout)
# 創(chuàng)建一個 QWebEngineView 對象
view = QWebEngineView()
view.setHtml('''
<html>
<head>
<title>A Demo Page</title>
<script language="javascript">
// Completes the full-name control and
// shows the submit button
function completeAndReturnName() {
var fname = document.getElementById('fname').value;
var lname = document.getElementById('lname').value;
var full = fname + '' + lname;
document.getElementById('fullname').value = full;
document.getElementById('submit-btn').style.display = 'block';
return full;
}
</script>
</head>
<body>
<form>
<label for="fname">First name:</label>
<input type="text" name="fname" id="fname"></input>
<br />
<label for="lname">Last name:</label>
<input type="text" name="lname" id="lname"></input>
<br />
<label for="fullname">Full name:</label>
<input disabled type="text" name="fullname" id="fullname"></input>
<br />
<input style="display: none;" type="submit" id="submit-btn"></input>
</form>
</body>
</html>
''')
# 創(chuàng)建一個按鈕去調(diào)用 JavaScript代碼
button = QPushButton('設(shè)置全名')
def js_callback( result ):
print(result)
def complete_name():
view.page().runJavaScript('completeAndReturnName();', js_callback)
# 按鈕連接 'complete_name'槽，當點擊按鈕是會觸發(fā)信號
button.clicked.connect(complete_name)
# 把QWebView和button加載到layout布局中
layout.addWidget(view)
layout.addWidget(button)
# 顯示窗口和運行app
win.show()
sys.exit(app.exec_())
代碼分析
在本例中，初始化一個QWebEngineView對象，對象名稱View，然后通過View。page（）函數(shù)獲得一個QWebEnginePage對象，就可以訪問整個web界面了。這個QWebEnginePage對象有一個異步的runJavaScript（）函數(shù)，需要一個回調(diào)函數(shù)接收結(jié)果，其核心代碼如下
def js_callback( result ):
print(result)
def complete_name():
view.page().runJavaScript('completeAndReturnName();', js_callback)
本文詳細介紹了PyQt5瀏覽器控件QWebEngineView的使用方法，包括使用QWebEngineView調(diào)用JavaScript代碼，更多關(guān)于PyQt5瀏覽器控件QWebEngineView的使用方法請查看下面的相關(guān)鏈接
相關(guān)文章
這篇文章主要介紹了python文件目錄操作之os模塊,文中有非常詳細的代碼示例,對正在學習python的小伙伴們有很好地幫助,需要的朋友可以參考下2021-05-05
Python導(dǎo)入或執(zhí)行python源文件的3種方法
這篇文章主要給大家介紹了關(guān)于Python導(dǎo)入或執(zhí)行python源文件的3種方法,python源代碼的文件以"py"為擴展名,由python.exe解釋,可以在控制臺下運行,需要的朋友可以參考下2023-08-08
這篇文章主要介紹了python leetcode 字符串相乘的示例代碼，非常不錯，具有一定的參考借鑒價值,需要的朋友可以參考下2018-09-09
本文主要介紹了Python使用Kubernetes API訪問集群，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2021-05-05
這篇文章主要為大家詳細介紹了如何利用Python3實現(xiàn)捕獲Ctrl+C終止信號的功能，文中的示例代碼講解詳細，感興趣的小伙伴可以跟隨小編一起學習一下2023-03-03
矢量化是在數(shù)據(jù)集上實現(xiàn) (NumPy) 數(shù)組操作的技術(shù)。在后臺，它將操作一次性應(yīng)用于數(shù)組或系列的所有元素（不同于一次操作一行的“for”循環(huán)）。2023-01-01
這篇文章主要介紹了Python命名空間的本質(zhì)和加載順序，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2018-12-12
這篇文章主要介紹了Python Web日志管理與監(jiān)控實踐指南,文中通過代碼示例講解的非常詳細,對大家的學習或工作有一定的幫助,需要的朋友可以參考下2024-09-09
Python xlrd/xlwt 創(chuàng)建excel文件及常用操作
這篇文章主要介紹了Python xlrd/xlwt 創(chuàng)建excel文件及常用操作，幫助大家更好的理解和使用python辦公，感興趣的朋友可以了解下2020-09-09
這篇文章主要介紹了Python科學計算包numpy用法,結(jié)合實例形式詳細分析了Python基于科學計算包numpy在數(shù)據(jù)結(jié)構(gòu)、數(shù)據(jù)處理及科學計算等方面的相關(guān)操作技巧,需要的朋友可以參考下2018-02-02