開發工具
Python版本:3.5.4
相關模塊:
PyQt5模塊(5.10版本)以及一些Python自帶的模塊。
主要思路
主要實現的功能:
(1)可以正常顯示網頁;
(2)設置導航欄,用以實現瀏覽器的前進、后退、停止加載和刷新功能;
(3)設置地址欄,可以實時更新當前網頁的URL,同時支持輸入地址回車訪問功能;
(4)設置標簽頁,可通過雙擊導航欄打開新的標簽頁,從而支持同時訪問多個頁面。
底層傳輸協議等功能的實現方式:
借助PyQt5的QtWebEngine模塊。
依賴項安裝
安裝PyQt5
Qt是一個跨平台的C++應用程序開發框架
1|sudo apt-get install python3-pyqt5
安裝完成后進入python命令行界面測試是否安裝正確
1|python3
2|>>>import PyQt5
執行命令后如果沒有任何提示,說明安裝成功
編程實現
Qt為開發者提供了QtWebKit模塊,QtWebKit是一個基於開源項目
WebKit的網頁內容渲染引擎,借助該引擎可以更加快捷地將萬維
網集成到 Qt 應用中。
瀏覽器有一個可以用於展示網頁的窗口
創建瀏覽器
Qt的程序通過創建QApplication類實例來調用exec_()方法進入事件循環,
然后程序一直循環監聽各種事件並把它們放入消息隊列中,在適當的時候從隊
列中取出處理。
1| #通過創建QApplication類實例來創建應用
2|app = QApplication(sys.argv)
3|#運行應用並循環監聽事件
4|app.exec_()
我們可以使用Qt提供的QToolBar創建工具欄
1|...
2|# 添加導航欄
3|navigation_bar = QToolBar('Navigation')
4|# 設定圖標的大小
5|navigation_bar.setIconSize(QSize(16, 16))
6|#添加導航欄到窗口中
7|self.addToolBar(navigation_bar)
8|...
QAction類提供了抽象的用戶界面action
1|#添加按鈕
2|reload_button = QAction(QIcon('icons/renew.png'), 'reload', self)
將action與實際功能綁定
1|reload_button.triggered.connect(self.browser.reload)
這些action可以被放置在窗口部件中
1|navigation_bar.addAction(reload_button)
Qt中有一個強大的部件類QWidgets,基於這個類可以派生出很多其他的小部件
,比如QLineEdit是單行文本框,將這個不見作為地址欄,為瀏覽起添加一個地址欄
1|#添加URL地址欄
2|self.urlbar = QLineEdit()
Qt中每種組件都有信號機制,可用來將信號與相應的處理函數進行連接綁定,比如將
地址欄的回車信號urlbar.returnPressed與navigate_to_url函數綁定,當地址欄的回車信號發出時
便會觸發函數navigate_to_url進行處理
1|# 讓地址欄能響應回車按鍵信號
2|self.urlbar.returnPressed.connect(self.navigate_to_url)
3|#navigate_to_url函數
4|def navigate_to_url(self):
5| q = QUrl(self.urlbar.text())
6| if q.scheme() == '':
7| q.setScheme('http')
8| self.browser.setUrl(q)
代碼
# 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)
# 設置窗口標題
self.setWindowTitle('My Browser')
# 設置窗口圖標
self.setWindowIcon(QIcon('icons/penguin.png'))
# 設置窗口大小900*600
self.resize(900, 600)
self.show()
# 設置瀏覽器
self.browser = QWebView()
url = 'http://blog.csdn.net/roger_lzh'
# 指定打開界面的 URL
self.browser.setUrl(QUrl(url))
# 添加瀏覽器到窗口中
self.setCentralWidget(self.browser)
###使用QToolBar創建導航欄,並使用QAction創建按鈕
# 添加導航欄
navigation_bar = QToolBar('Navigation')
# 設定圖標的大小
navigation_bar.setIconSize(QSize(16, 16))
#添加導航欄到窗口中
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)
# 將按鈕添加到導航欄上
navigation_bar.addAction(back_button)
navigation_bar.addAction(next_button)
navigation_bar.addAction(stop_button)
navigation_bar.addAction(reload_button)
#添加URL地址欄
self.urlbar = QLineEdit()
# 讓地址欄能響應回車按鍵信號
self.urlbar.returnPressed.connect(self.navigate_to_url)
navigation_bar.addSeparator()
navigation_bar.addWidget(self.urlbar)
#讓瀏覽器相應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):
# 將當前網頁的鏈接更新到地址欄
self.urlbar.setText(q.toString())
self.urlbar.setCursorPosition(0)
# 創建應用
app = QApplication(sys.argv)
# 創建主窗口
window = MainWindow()
# 顯示窗口
window.show()
# 運行應用,並監聽事件
app.exec_()
文章到這里就結束了,感謝你的觀看,關注我每天分享Python小工具系列,下篇文章分享SSH登錄工具
為了感謝讀者們,我想把我最近收藏的一些編程干貨分享給大家,回饋每一個讀者,希望能幫到你們。
干貨主要有:
① 2000多本Python電子書(主流和經典的書籍應該都有了)
② Python標准庫資料(最全中文版)
③ 項目源碼(四五十個有趣且經典的練手項目及源碼)
④ Python基礎入門、爬蟲、web開發、大數據分析方面的視頻(適合小白學習)
⑤ Python學習路線圖(告別不入流的學習)
⑥ 兩天的Python爬蟲訓練營直播權限
All done~完整源代碼+干貨詳見主頁簡介或者私信獲取