python GUI庫圖形界面開發(fā)之PyQt5瀏覽器控件QWebEngineView詳細(xì)使用方法
PyQt5瀏覽器控件QWebEngineView
PyQt5使用QWebEngineView控件來展示HTML頁面,對(duì)老版本的QWebView類不在進(jìn)行維護(hù),因?yàn)镼WebEngineView使用CHromium內(nèi)核可以給用戶帶來更好的體驗(yàn)
QWebEngineView類中常用方法
方法 | 描述 |
---|---|
load(QUrl url) | 加載指定的URL并顯示 |
setHtml(QString&html) | 將網(wǎng)頁視圖的內(nèi)容設(shè)置為指定的HTML內(nèi)容 |
QWebEngineView控件使用load()函數(shù)加載一個(gè)Web頁面,實(shí)際上就是使用HTTP Get方法加載web頁面,這個(gè)控件可以加載本地的web頁面,也可以加載外部的WEb頁面,其核心代碼如下
view=QWebEngineView() view.load(QUrl('http://www.dbjr.com.cn')) view.show()
QWebEngineView加載顯示外部的web頁面實(shí)例
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.dbjr.com.cn')) self.setCentralWidget(self.browser) if __name__ == '__main__': app=QApplication(sys.argv) win=MainWindow() win.show() app.exit(app.exec_())
運(yùn)行效果圖如下
在這里,我輸入的url是我的博客地址,所以加載的也就是這個(gè)網(wǎng)址請(qǐ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_())
運(yùn)行圖片如下
注意使用QWebEngineView對(duì)象的setHTML()函數(shù)渲染HTml頁面時(shí),如果頁面中使用的JavaScript代碼超過2M,程序渲染就會(huì)失敗
QWebEngineView調(diào)用JavaScript代碼實(shí)例
通過QWebEnginePage類的runJavaScript(str,Callable)函數(shù)可以方便地實(shí)現(xiàn)PyQt和HTML、JavaScript的雙向通信,也實(shí)現(xiàn)了python代碼和Html,JavaScript代碼的解耦,便于開發(fā)人員進(jìn)行分工協(xié)作,在PyQt對(duì)象中,訪問JavaScript的核心代碼如下
QWebEnginePage.runJavaScript(str,Callable)
完整代碼
import sys from PyQt5.QtWebEngineWidgets import QWebEngineView from PyQt5.QtWidgets import QApplication, QWidget, QVBoxLayout, QPushButton # 創(chuàng)建一個(gè) application實(shí)例 app = QApplication(sys.argv) win = QWidget() win.setWindowTitle('Web頁面中的JavaScript與 QWebEngineView交互例子') # 創(chuàng)建一個(gè)垂直布局器 layout = QVBoxLayout() win.setLayout(layout) # 創(chuàng)建一個(gè) QWebEngineView 對(duì)象 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)建一個(gè)按鈕去調(diào)用 JavaScript代碼 button = QPushButton('設(shè)置全名') def js_callback( result ): print(result) def complete_name(): view.page().runJavaScript('completeAndReturnName();', js_callback) # 按鈕連接 'complete_name'槽,當(dāng)點(diǎn)擊按鈕是會(huì)觸發(fā)信號(hào) button.clicked.connect(complete_name) # 把QWebView和button加載到layout布局中 layout.addWidget(view) layout.addWidget(button) # 顯示窗口和運(yùn)行app win.show() sys.exit(app.exec_())
代碼分析
在本例中,初始化一個(gè)QWebEngineView對(duì)象,對(duì)象名稱View,然后通過View。page()函數(shù)獲得一個(gè)QWebEnginePage對(duì)象,就可以訪問整個(gè)web界面了。這個(gè)QWebEnginePage對(duì)象有一個(gè)異步的runJavaScript()函數(shù),需要一個(gè)回調(diào)函數(shù)接收結(jié)果,其核心代碼如下
def js_callback( result ): print(result) def complete_name(): view.page().runJavaScript('completeAndReturnName();', js_callback)
本文詳細(xì)介紹了PyQt5瀏覽器控件QWebEngineView的使用方法,包括使用QWebEngineView調(diào)用JavaScript代碼,更多關(guān)于PyQt5瀏覽器控件QWebEngineView的使用方法請(qǐng)查看下面的相關(guān)鏈接
相關(guān)文章
Python中g(shù)etattr函數(shù)和hasattr函數(shù)作用詳解
這篇文章主要介紹了Python中g(shù)etattr函數(shù)和hasattr函數(shù)作用的相關(guān)知識(shí),非常不錯(cuò)具有參考借鑒價(jià)值,需要的朋友可以參考下2016-06-06python中關(guān)于對(duì)super()函數(shù)疑問解惑
Python中的super()是用于調(diào)用父類(或父類的父類...)方法的函數(shù),主要用于多繼承,單繼承問題不大,下面這篇文章主要給大家介紹了關(guān)于python中關(guān)于對(duì)super()函數(shù)疑問解惑的相關(guān)資料,需要的朋友可以參考下2022-08-08python用pyecharts實(shí)現(xiàn)地圖數(shù)據(jù)可視化
這篇文章主要介紹了python用pyecharts實(shí)現(xiàn)地圖數(shù)據(jù)可視化,幫助大家更好的理解和學(xué)習(xí)使用python,感興趣的朋友可以了解下2021-03-03如何在sae中設(shè)置django,讓sae的工作環(huán)境跟本地python環(huán)境一致
這篇文章主要介紹了如何在sae中設(shè)置django,讓sae的工作環(huán)境跟本地python環(huán)境一致,需要的朋友可以參考下2017-11-11pyinstaller打包單個(gè)exe后無法執(zhí)行錯(cuò)誤的解決方法
今天小編就為大家分享一篇pyinstaller打包單個(gè)exe后無法執(zhí)行錯(cuò)誤的解決方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2019-06-06python如何遍歷指定路徑下所有文件(按按照時(shí)間區(qū)間檢索)
這篇文章主要給大家介紹了關(guān)于python如何遍歷指定路徑下所有文件(按按照時(shí)間區(qū)間檢索)的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-09-09關(guān)于python函數(shù)的建立、調(diào)用、傳參、返回值詳解
這篇文章主要介紹了關(guān)于python函數(shù)的建立、調(diào)用、傳參、返回值詳解,Python?還支持自定義函數(shù),即將一段有規(guī)律的、可重復(fù)使用的代碼定義成函數(shù),從而達(dá)到一次編寫多次調(diào)用的目的,需要的朋友可以參考下2023-07-07