利用Python+PyQt5實現(xiàn)簡易瀏覽器的實戰(zhàn)記錄

更新時間：2021年07月12日 12:40:53 作者：Roger_LZH

這篇文章主要給大家介紹了關(guān)于如何利用Python+PyQt5實現(xiàn)簡易瀏覽器的相關(guān)資料,Qt 的主要優(yōu)勢是可以開發(fā)跨平臺的圖形界面程序,基于 Qt 的應(yīng)用能夠借助于各平臺的原生性在不同類的設(shè)備上運(yùn)行,而無須修改任何代碼庫,需要的朋友可以參考下

實驗環(huán)境

操作系統(tǒng)：Linux Mint
編輯器：vim
編程語言：python3

依賴項安裝

安裝PyQt5

Qt是一個跨平臺的C++應(yīng)用程序開發(fā)框架

sudo apt-get install python3-pyqt5

安裝完成后進(jìn)入python命令行界面測試是否安裝正確

python3  
>>>import PyQt5

執(zhí)行命令后如果沒有任何提示，說明安裝成功

編程實現(xiàn)

Qt為開發(fā)者提供了QtWebKit模塊,QtWebKit是一個基于開源項目

WebKit的網(wǎng)頁內(nèi)容渲染引擎，借助該引擎可以更加快捷地將萬維

網(wǎng)集成到 Qt 應(yīng)用中。

瀏覽器有一個可以用于展示網(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ù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與實際功能綁定

reload_button.triggered.connect(self.browser.reload)

這些action可以被放置在窗口部件中

navigation_bar.addAction(reload_button)

Qt中有一個強(qiáng)大的部件類QWidgets，基于這個類可以派生出很多其他的小部件，比如QLineEdit是單行文本框，將這個不見作為地址欄，為瀏覽起添加一個地址欄

#添加URL地址欄
self.urlbar = QLineEdit()

Qt中每種組件都有信號機(jī)制，可用來將信號與相應(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ùn)行應(yīng)用，并監(jiān)聽事件
app.exec_()