目錄
- 實驗環(huán)境
- 依賴項安裝
- 編程實現(xiàn)
- 代碼
- 總結(jié)
實驗環(huán)境
- 操作系統(tǒng)：Linux Mint
- 編輯器：vim
- 編程語言：python3
依賴項安裝
安裝PyQt5
Qt是一個跨平臺的C++應(yīng)用程序開發(fā)框架
sudo apt-get install python3-pyqt5
安裝完成后進(jìn)入python命令行界面測試是否安裝正確
執(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_()方法進(jìn)入事件循環(huán)，
然后程序一直循環(huán)監(jiān)聽各種事件并把它們放入消息隊列中，在適當(dāng)?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è)定圖標(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與實際功能綁定
reload_button.triggered.connect(self.browser.reload)
這些action可以被放置在窗口部件中
navigation_bar.addAction(reload_button)
Qt中有一個強大的部件類QWidgets，基于這個類可以派生出很多其他的小部件，比如QLineEdit是單行文本框，將這個不見作為地址欄，為瀏覽起添加一個地址欄
#添加URL地址欄
self.urlbar = QLineEdit()
Qt中每種組件都有信號機制，可用來將信號與相應(yīng)的處理函數(shù)進(jìn)行連接綁定，比如將地址欄的回車信號urlbar.returnPressed與navigate_to_url函數(shù)綁定，當(dāng)?shù)刂窓诘幕剀囆盘柊l(fā)出時便會觸發(fā)函數(shù)navigate_to_url進(jìn)行處理
# 讓地址欄能響應(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.3
from PyQt5.QtCore import *
from PyQt5.QtWidgets import *
from PyQt5.QtGui import *
from PyQt5.QtWebKitWidgets import *
import sys
class 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*600
self.resize(900, 600)
self.show()
# 設(shè)置瀏覽器
self.browser = QWebView()
url = 'http://blog.csdn.net/roger_lzh'
# 指定打開界面的 URL
self.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)回車按鍵信號
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īng)用，并監(jiān)聽事件
app.exec_()
總結(jié)
到此這篇關(guān)于利用Python+PyQt5實現(xiàn)簡易瀏覽器的文章就介紹到這了,更多相關(guān)Python+PyQt5簡易瀏覽器內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
您可能感興趣的文章:- python GUI庫圖形界面開發(fā)之PyQt5瀏覽器控件QWebEngineView詳細(xì)使用方法
- python3使用pyqt5制作一個超簡單瀏覽器的實例
- Python使用Pyqt5實現(xiàn)簡易瀏覽器(最新版本測試過)
- Python PyQt5模塊實現(xiàn)一個瀏覽器的示例代碼
