利用Python+PyQt5實(shí)現(xiàn)簡(jiǎn)易瀏覽器的實(shí)戰(zhàn)記錄
安裝PyQt5
Qt是一個(gè)跨平臺(tái)的C++應(yīng)用程序開發(fā)框架
sudo apt-get install python3-pyqt5
安裝完成后進(jìn)入python命令行界面測(cè)試是否安裝正確
python3 >>>import PyQt5
執(zhí)行命令后如果沒有任何提示,說明安裝成功
編程實(shí)現(xiàn)Qt為開發(fā)者提供了QtWebKit模塊,QtWebKit是一個(gè)基于開源項(xiàng)目
WebKit的網(wǎng)頁內(nèi)容渲染引擎,借助該引擎可以更加快捷地將萬維
網(wǎng)集成到 Qt 應(yīng)用中。
更多參考:http://doc.qt.io/archives/qt-5.5/qtwebkit-index.html
瀏覽器有一個(gè)可以用于展示網(wǎng)頁的窗口創(chuàng)建瀏覽器
Qt的程序通過創(chuàng)建QApplication類實(shí)例來調(diào)用exec_()方法進(jìn)入事件循環(huán),
然后程序一直循環(huán)監(jiān)聽各種事件并把它們放入消息隊(duì)列中,在適當(dāng)?shù)臅r(shí)候從隊(duì)
列中取出處理。
...#通過創(chuàng)建QApplication類實(shí)例來創(chuàng)建應(yīng)用app = QApplication(sys.argv)#運(yùn)行應(yīng)用并循環(huán)監(jiān)聽事件app.exec_()
我們可以使用Qt提供的QToolBar創(chuàng)建工具欄
...# 添加導(dǎo)航欄navigation_bar = QToolBar(’Navigation’)# 設(shè)定圖標(biāo)的大小navigation_bar.setIconSize(QSize(16, 16))#添加導(dǎo)航欄到窗口中self.addToolBar(navigation_bar)...
QAction類提供了抽象的用戶界面action
#添加按鈕reload_button = QAction(QIcon(’icons/renew.png’), ’reload’, self)
將action與實(shí)際功能綁定
reload_button.triggered.connect(self.browser.reload)
這些action可以被放置在窗口部件中
navigation_bar.addAction(reload_button)
Qt中有一個(gè)強(qiáng)大的部件類QWidgets,基于這個(gè)類可以派生出很多其他的小部件,比如QLineEdit是單行文本框,將這個(gè)不見作為地址欄,為瀏覽起添加一個(gè)地址欄
#添加URL地址欄self.urlbar = QLineEdit()
Qt中每種組件都有信號(hào)機(jī)制,可用來將信號(hào)與相應(yīng)的處理函數(shù)進(jìn)行連接綁定,比如將地址欄的回車信號(hào)urlbar.returnPressed與navigate_to_url函數(shù)綁定,當(dāng)?shù)刂窓诘幕剀囆盘?hào)發(fā)出時(shí)便會(huì)觸發(fā)函數(shù)navigate_to_url進(jìn)行處理
# 讓地址欄能響應(yīng)回車按鍵信號(hào)self.urlbar.returnPressed.connect(self.navigate_to_url)#navigate_to_url函數(shù)def navigate_to_url(self): q = QUrl(self.urlbar.text()) if q.scheme() == ’’:q.setScheme(’http’) self.browser.setUrl(q)
項(xiàng)目源碼及資源下載: https://github.com/RogerLZH/Browser.git
# v1.2# created# by Roger# in 2017.1.3from PyQt5.QtCore import *from PyQt5.QtWidgets import *from PyQt5.QtGui import *from PyQt5.QtWebKitWidgets import *import sysclass MainWindow(QMainWindow): # noinspection PyUnresolvedReferences def __init__(self, *args, **kwargs):super().__init__(*args, **kwargs)# 設(shè)置窗口標(biāo)題self.setWindowTitle(’My Browser’)# 設(shè)置窗口圖標(biāo)self.setWindowIcon(QIcon(’icons/penguin.png’))# 設(shè)置窗口大小900*600self.resize(900, 600)self.show()# 設(shè)置瀏覽器self.browser = QWebView()url = ’http://blog.csdn.net/roger_lzh’# 指定打開界面的 URLself.browser.setUrl(QUrl(url))# 添加瀏覽器到窗口中self.setCentralWidget(self.browser)###使用QToolBar創(chuàng)建導(dǎo)航欄,并使用QAction創(chuàng)建按鈕# 添加導(dǎo)航欄navigation_bar = QToolBar(’Navigation’)# 設(shè)定圖標(biāo)的大小navigation_bar.setIconSize(QSize(16, 16))#添加導(dǎo)航欄到窗口中self.addToolBar(navigation_bar)#QAction類提供了抽象的用戶界面action,這些action可以被放置在窗口部件中# 添加前進(jìn)、后退、停止加載和刷新的按鈕back_button = QAction(QIcon(’icons/back.png’), ’Back’, self)next_button = QAction(QIcon(’icons/next.png’), ’Forward’, self)stop_button = QAction(QIcon(’icons/cross.png’), ’stop’, self)reload_button = QAction(QIcon(’icons/renew.png’), ’reload’, self)back_button.triggered.connect(self.browser.back)next_button.triggered.connect(self.browser.forward)stop_button.triggered.connect(self.browser.stop)reload_button.triggered.connect(self.browser.reload)# 將按鈕添加到導(dǎo)航欄上navigation_bar.addAction(back_button)navigation_bar.addAction(next_button)navigation_bar.addAction(stop_button)navigation_bar.addAction(reload_button)#添加URL地址欄self.urlbar = QLineEdit()# 讓地址欄能響應(yīng)回車按鍵信號(hào)self.urlbar.returnPressed.connect(self.navigate_to_url)navigation_bar.addSeparator()navigation_bar.addWidget(self.urlbar)#讓瀏覽器相應(yīng)url地址的變化self.browser.urlChanged.connect(self.renew_urlbar) def navigate_to_url(self):q = QUrl(self.urlbar.text())if q.scheme() == ’’: q.setScheme(’http’)self.browser.setUrl(q) def renew_urlbar(self, q):# 將當(dāng)前網(wǎng)頁的鏈接更新到地址欄self.urlbar.setText(q.toString())self.urlbar.setCursorPosition(0)# 創(chuàng)建應(yīng)用app = QApplication(sys.argv)# 創(chuàng)建主窗口window = MainWindow()# 顯示窗口window.show()# 運(yùn)行應(yīng)用,并監(jiān)聽事件app.exec_() 總結(jié)
到此這篇關(guān)于利用Python+PyQt5實(shí)現(xiàn)簡(jiǎn)易瀏覽器的文章就介紹到這了,更多相關(guān)Python+PyQt5簡(jiǎn)易瀏覽器內(nèi)容請(qǐng)搜索好吧啦網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持好吧啦網(wǎng)!
相關(guān)文章:
1. 無線標(biāo)記語言(WML)基礎(chǔ)之WMLScript 基礎(chǔ)第1/2頁2. ajax請(qǐng)求添加自定義header參數(shù)代碼3. Android實(shí)現(xiàn)觸發(fā)html頁面的Button控件點(diǎn)擊事件方式4. JavaScript設(shè)計(jì)模式之策略模式實(shí)現(xiàn)原理詳解5. Nginx+php配置文件及原理解析6. 解決Python 進(jìn)程池Pool中一些坑7. PHP8.0新功能之Match表達(dá)式的使用8. php網(wǎng)絡(luò)安全中命令執(zhí)行漏洞的產(chǎn)生及本質(zhì)探究9. 八種Vue組件間通訊方式合集(推薦)10. JavaScript基于用戶照片姓名生成海報(bào)
