利用Python+PyQt5實現(xiàn)簡易瀏覽器的實戰(zhàn)記錄
安裝PyQt5
Qt是一個跨平臺的C++應(yīng)用程序開發(fā)框架
sudo apt-get install python3-pyqt5
安裝完成后進入python命令行界面測試是否安裝正確
python3 >>>import PyQt5
執(zhí)行命令后如果沒有任何提示,說明安裝成功
編程實現(xiàn)Qt為開發(fā)者提供了QtWebKit模塊,QtWebKit是一個基于開源項目
WebKit的網(wǎng)頁內(nèi)容渲染引擎,借助該引擎可以更加快捷地將萬維
網(wǎng)集成到 Qt 應(yīng)用中。
更多參考:http://doc.qt.io/archives/qt-5.5/qtwebkit-index.html
瀏覽器有一個可以用于展示網(wǎng)頁的窗口創(chuàng)建瀏覽器
Qt的程序通過創(chuàng)建QApplication類實例來調(diào)用exec_()方法進入事件循環(huán),
然后程序一直循環(huán)監(jiān)聽各種事件并把它們放入消息隊列中,在適當?shù)臅r候從隊
列中取出處理。
...#通過創(chuàng)建QApplication類實例來創(chuàng)建應(yīng)用app = QApplication(sys.argv)#運行應(yīng)用并循環(huán)監(jiān)聽事件app.exec_()
我們可以使用Qt提供的QToolBar創(chuàng)建工具欄
...# 添加導(dǎo)航欄navigation_bar = QToolBar(’Navigation’)# 設(shè)定圖標的大小navigation_bar.setIconSize(QSize(16, 16))#添加導(dǎo)航欄到窗口中self.addToolBar(navigation_bar)...
QAction類提供了抽象的用戶界面action
#添加按鈕reload_button = QAction(QIcon(’icons/renew.png’), ’reload’, self)
將action與實際功能綁定
reload_button.triggered.connect(self.browser.reload)
這些action可以被放置在窗口部件中
navigation_bar.addAction(reload_button)
Qt中有一個強大的部件類QWidgets,基于這個類可以派生出很多其他的小部件,比如QLineEdit是單行文本框,將這個不見作為地址欄,為瀏覽起添加一個地址欄
#添加URL地址欄self.urlbar = QLineEdit()
Qt中每種組件都有信號機制,可用來將信號與相應(yīng)的處理函數(shù)進行連接綁定,比如將地址欄的回車信號urlbar.returnPressed與navigate_to_url函數(shù)綁定,當?shù)刂窓诘幕剀囆盘柊l(fā)出時便會觸發(fā)函數(shù)navigate_to_url進行處理
# 讓地址欄能響應(yīng)回車按鍵信號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)
項目源碼及資源下載: 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è)置窗口標題self.setWindowTitle(’My Browser’)# 設(shè)置窗口圖標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è)定圖標的大小navigation_bar.setIconSize(QSize(16, 16))#添加導(dǎo)航欄到窗口中self.addToolBar(navigation_bar)#QAction類提供了抽象的用戶界面action,這些action可以被放置在窗口部件中# 添加前進、后退、停止加載和刷新的按鈕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)回車按鍵信號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):# 將當前網(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īng)用,并監(jiān)聽事件app.exec_() 總結(jié)
到此這篇關(guān)于利用Python+PyQt5實現(xiàn)簡易瀏覽器的文章就介紹到這了,更多相關(guān)Python+PyQt5簡易瀏覽器內(nèi)容請搜索好吧啦網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持好吧啦網(wǎng)!
相關(guān)文章:
1. 利用CSS3新特性創(chuàng)建透明邊框三角2. html清除浮動的6種方法示例3. CSS代碼檢查工具stylelint的使用方法詳解4. Vue3使用JSX的方法實例(筆記自用)5. vue實現(xiàn)將自己網(wǎng)站(h5鏈接)分享到微信中形成小卡片的超詳細教程6. CSS3實例分享之多重背景的實現(xiàn)(Multiple backgrounds)7. 詳解CSS偽元素的妙用單標簽之美8. 使用css實現(xiàn)全兼容tooltip提示框9. JavaScript數(shù)據(jù)類型對函數(shù)式編程的影響示例解析10. 不要在HTML中濫用div
