快捷導(dǎo)航

Python使用Pyqt5實(shí)現(xiàn)簡易瀏覽器(最新版本測試過)

更新時間：2020年04月27日 09:10:50 作者：歸子莫

這篇文章主要介紹了Python使用Pyqt5實(shí)現(xiàn)簡易瀏覽器(最新版本測試過)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧

準(zhǔn)備環(huán)境

首先我們需要的是我們的開發(fā)環(huán)境，我使用的是python 3.8.2和pyqt 5.14.2，因?yàn)橛袕?qiáng)迫癥，所以喜歡使用最新版的

安裝QtWebEngineWidgets

這是新版使用的web瀏覽器引擎，更加的貼近谷歌瀏覽器，好像是需要單獨(dú)安裝，我就是這樣的

pip3 install QtWebEngineWidgets

多tab頁面

做這個的時候遇到好多坑，比如在多個tab里面打開頁面，要使用這個QTabWidget，這個不用我們再去下載了，已經(jīng)集成了

頁面鏈接點(diǎn)擊無反應(yīng)

這個搞了我半天，我之前還一直以為是跨域的問題，其實(shí)是這個機(jī)制的問題，需要重寫createWindow方法

# 創(chuàng)建瀏覽器，重寫重寫createwindow方法實(shí)現(xiàn)頁面連接的點(diǎn)擊跳轉(zhuǎn)
class WebEngineView(QWebEngineView):

  def __init__(self, mainwindow, parent=None):
    super(WebEngineView, self).__init__(parent)
    self.mainwindow = mainwindow

  # 重寫createwindow()
  def createWindow(self, QWebEnginePage_WebWindowType):
    new_webview = WebEngineView(self.mainwindow)
    self.mainwindow.create_tab(new_webview)
    return new_webview

然后大體就是一些頁面的布局，這個可以使用Qt Designer，可以自動轉(zhuǎn)化成為我們的py代碼

然后就是一些前進(jìn)，后退，刷新，停止的方法

整體代碼，可運(yùn)行

# -*- coding: utf-8 -*-
# @Author: dshj
# @Date : 2020/04/26

import sys
from PyQt5.QtWidgets import *
from PyQt5.QtCore import *
from PyQt5.QtGui import *
from PyQt5.QtWebEngineWidgets import QWebEngineView


# 創(chuàng)建主窗口
class MainWindow(QMainWindow):
  def __init__(self, *args, **kwargs):
    super().__init__(*args, **kwargs)
    # 設(shè)置窗口標(biāo)題
    self.setWindowTitle('簡易瀏覽器')
    # 設(shè)置窗口大小900*600
    self.resize(1300, 700)
    self.show()

    # 創(chuàng)建tabwidget（多標(biāo)簽頁面）
    self.tabWidget = QTabWidget()
    self.tabWidget.setTabShape(QTabWidget.Triangular)
    self.tabWidget.setDocumentMode(True)
    self.tabWidget.setMovable(True)
    self.tabWidget.setTabsClosable(True)
    self.tabWidget.tabCloseRequested.connect(self.close_Tab)
    self.setCentralWidget(self.tabWidget)

    # 第一個tab頁面
    self.webview = WebEngineView(self) # self必須要有，是將主窗口作為參數(shù)，傳給瀏覽器
    self.webview.load(QUrl("http://www.baidu.com"))
    self.create_tab(self.webview)

    # 使用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/houtui.png'), 'Back', self)
    next_button = QAction(QIcon('icons/qianjin.png'), 'Forward', self)
    stop_button = QAction(QIcon('icons/close.png'), 'stop', self)
    reload_button = QAction(QIcon('icons/shuaxin.png'), 'reload', self)

    # 綁定事件
    back_button.triggered.connect(self.webview.back)
    next_button.triggered.connect(self.webview.forward)
    stop_button.triggered.connect(self.webview.stop)
    reload_button.triggered.connect(self.webview.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.webview.urlChanged.connect(self.renew_urlbar)

  # 顯示地址
  def navigate_to_url(self):
    q = QUrl(self.urlbar.text())
    if q.scheme() == '':
      q.setScheme('http')
    self.webview.setUrl(q)

  # 響應(yīng)輸入的地址
  def renew_urlbar(self, q):
    # 將當(dāng)前網(wǎng)頁的鏈接更新到地址欄
    self.urlbar.setText(q.toString())
    self.urlbar.setCursorPosition(0)

  # 創(chuàng)建tab頁面
  def create_tab(self, webview):
    self.tab = QWidget()
    self.tabWidget.addTab(self.tab, "新建頁面")
    self.tabWidget.setCurrentWidget(self.tab)

    # 渲染到頁面
    self.Layout = QHBoxLayout(self.tab)
    self.Layout.setContentsMargins(0, 0, 0, 0)
    self.Layout.addWidget(webview)

  # 關(guān)閉tab頁面
  def close_Tab(self, index):
    if self.tabWidget.count() > 1:
      self.tabWidget.removeTab(index)
    else:
      self.close() # 當(dāng)只有1個tab時，關(guān)閉主窗口


# 創(chuàng)建瀏覽器，重寫重寫createwindow方法實(shí)現(xiàn)頁面連接的點(diǎn)擊跳轉(zhuǎn)
class WebEngineView(QWebEngineView):

  def __init__(self, mainwindow, parent=None):
    super(WebEngineView, self).__init__(parent)
    self.mainwindow = mainwindow

  # 重寫createwindow()
  def createWindow(self, QWebEnginePage_WebWindowType):
    new_webview = WebEngineView(self.mainwindow)
    self.mainwindow.create_tab(new_webview)
    return new_webview


# 程序入口
if __name__ == "__main__":
  app = QApplication(sys.argv)
  # 創(chuàng)建主窗口
  browser = MainWindow()
  browser.show()
  # 運(yùn)行應(yīng)用，并監(jiān)聽事件
  sys.exit(app.exec_())

結(jié)果

可以去點(diǎn)擊地址去嘗試