Python制作简易浏览器

我的电脑里目前有3个浏览器,分别是Edge、Chrome和Firefox,但它们各有利弊:Edge相对较好,Chrome进程过大,Firefox太丑。因此,为了改善一下我的电脑浏览器,也学习一些PyQt5,PyQtWebEngine相关知识,就开发一款浏览器。

大致设计思路

我的浏览器应该有以下要求:

  • 能正常上网
  • 拥有“继续”、“返回”、“刷新”、“主页”、“新建标签页”等功能
  • 能看文章、能写文章
  • 可以保存cookies

原计划是想用tkinter制作,但发现tkinter好多功能不能实现,经过网上查找了一番后锁定PyQt5和PyQtWebEngine作为主要库

搭建环境

搭建环境这里足足花了我三天三夜!一会儿Python版本过高,一会儿库版本过低,一会儿pip损坏,一会儿PyCharm出问题等。最后把python、pip、PyQt5全删了重装好几遍才好

为了节省你们的时间,我把需要的(本人测试可以成功运行)库和版本号写在这:

环境需要的版本号都在上面了。别看全是最新版,pip就可以搞定就很轻松。还不是网上有人说PyQt5库5.11版本后不再自带PyQWebEngine,需要自己安装。还说PyQt5不能用最新版,需要用5.10.1版本......

设计代码

原计划是自己设计,自己敲。但是发现涉及方面太多了,就把开源的My browser改进一下吧。

  1. 首先重新涉及logo、图标等内容。(为了防止自己设计的难看恶心到你们,素材就还用原来的吧)
  2. 更改浏览器名称
  3. 更改默认浏览器主页及名称
  4. 为了配对新的库而重新导入库(原来的代码是1年前的,那时PyQt5还有PyQtWebEngine)
  5. 对原来的代码进行个性化改造

完整代码

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


class WebView(QWebEngineView):
    def __init__(self, parent):
        super().__init__(parent)

    def createWindow(self, webWindowType):
        return main_demo.browser


class MainDemo(QMainWindow):
    def __init__(self, *args, **kwargs):
        super().__init__(*args, **kwargs)
        self.setWindowTitle('MWB浏览器')
        self.setWindowIcon(QIcon('icons/penguin.png'))
        self.resize(800, 500)
        self.show()
        # 添加URL地址栏
        self.urlbar = QLineEdit()
        # 让地址栏支持输入地址回车访问
        self.urlbar.returnPressed.connect(self.navigate_to_url)
        # 添加标签栏
        self.tabs = QTabWidget()
        self.tabs.setDocumentMode(True)
        self.tabs.tabBarDoubleClicked.connect(self.tab_open)
        self.tabs.currentChanged.connect(self.current_tab_changed)
        # 允许关闭标签
        self.tabs.setTabsClosable(True)
        # 设置关闭按钮的槽
        self.tabs.tabCloseRequested.connect(self.close_current_tab)
        self.add_new_tab(QUrl('https://www.baidu.com/'), '百度一下,你就知道')
        self.setCentralWidget(self.tabs)
        new_tab_action = QAction(QIcon('icons/add_page.png'), 'New Page', self)
        new_tab_action.triggered.connect(self.add_new_tab)
        # 添加导航栏
        navigation_bar = QToolBar('Navigation')
        # 设定图标大小
        navigation_bar.setIconSize(QSize(24, 24))
        self.addToolBar(navigation_bar)
        # 添加前进、后退、停止加载和刷新的按钮
        back_button = QAction(QIcon('icons/back.png'), 'Back', self)
        forward_button = QAction(QIcon('icons/forward.png'), 'Forward', self)
        stop_button = QAction(QIcon('icons/stop.png'), 'Stop', self)
        reload_button = QAction(QIcon('icons/renew.png'), 'Reload', self)
        back_button.triggered.connect(self.tabs.currentWidget().back)
        forward_button.triggered.connect(self.tabs.currentWidget().forward)
        stop_button.triggered.connect(self.tabs.currentWidget().stop)
        reload_button.triggered.connect(self.tabs.currentWidget().reload)
        # 将按钮添加到导航栏上
        navigation_bar.addAction(back_button)
        navigation_bar.addAction(forward_button)
        navigation_bar.addAction(stop_button)
        navigation_bar.addAction(reload_button)
        navigation_bar.addSeparator()
        navigation_bar.addWidget(self.urlbar)

    # 响应回车按钮,将浏览器当前访问的URL设置为用户输入的URL
    def navigate_to_url(self):
        current_url = QUrl(self.urlbar.text())
        if current_url.scheme() == '':
            current_url.setScheme('http')
        self.tabs.currentWidget().load(current_url)

    # 将当前网页的链接更新到地址栏
    def renew_urlbar(self, url, browser=None):
        # 非当前窗口不更新URL
        if browser != self.tabs.currentWidget():
            return
        self.urlbar.setText(url.toString())
        self.urlbar.setCursorPosition(0)

    # 添加新的标签页
    def add_new_tab(self, qurl=QUrl(''), label='Blank'):
        # 设置浏览器
        self.browser = WebView(self)
        self.browser.load(qurl)
        # 为标签添加索引方便管理
        i = self.tabs.addTab(self.browser, label)
        self.tabs.setCurrentIndex(i)
        self.browser.urlChanged.connect(lambda qurl, browser=self.browser: self.renew_urlbar(qurl, self.browser))
        # 将标签标题改为网页相关的标题
        self.browser.loadFinished.connect(
            lambda _, i=i, browser=self.browser: self.tabs.setTabText(i, self.browser.page().title()))

    # 双击标签栏打开新页面
    def tab_open(self, i):
        if i == -1:
            self.add_new_tab()

    def current_tab_changed(self, i):
        qurl = self.tabs.currentWidget().url()
        self.renew_urlbar(qurl, self.tabs.currentWidget())

    def close_current_tab(self, i):
        # 若当前标签页只有一个则不关闭
        if self.tabs.count() < 2:
            return
        self.tabs.removeTab(i)


if __name__ == '__main__':
    my_application = QApplication(sys.argv)  # 创建QApplication类的实例
    main_demo = MainDemo()
    main_demo.show()
    my_application.exec_()

相关素材

 

使用方法

  1. 双击标签页栏新建标签页
  2. 单击进行返回操作
  3. 单击进行继续操作
  4. 单击进行刷新操作
  5. 单击进行停止/退出操作
  6. 按住Ctrl并滑动鼠标滚轮即可放大缩小

完整项目

链接: https://pan.baidu.com/s/13s-MQKNPOurS1PBLMHZkoQ

提取码: 1q25

  • 4
    点赞
  • 49
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 6
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Mine Shin

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值