tkinter-TinUI-xml实战（8）轻型浏览器

最新推荐文章于 2024-07-05 22:45:00 发布
最新推荐文章于 2024-07-05 22:45:00 发布
阅读量947 收藏 7
点赞数
分类专栏： TinUI tkinter实验 文章标签： python TinUI tkinter xml
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tinga_kilin/article/details/126069204
版权
本文档介绍了使用TinUI和tkwebview2构建一个轻型浏览器的过程，包括XML布局设计、核心代码实现、程序启动和页面加载。尽管存在一些问题，如输入框焦点问题和新窗口功能，但基本功能已经实现，适合作为示例项目参考。
摘要由CSDN通过智能技术生成

tkinter-TinUI-xml实战（8）轻型浏览器

引言

在此之前，我将pywebview中的WebView2（ChromeEdge）分离出来，用来给tkinter做网页控件，诞生了tkwebview2。此外，TinUI也拥有了标签栏视图（选项卡）notebook元素控件。所以突发奇想，用TinUI给tkwebview2写一个小小的、十分简易、又漏洞百出的轻型浏览器。

有人问我tkwebview2是不是只能在win使用。其实是但又不是，只要在其它系统能够运行类似 .Net 的环境，并且能够运行pywebview的chormeedge模式，再加上webview2 runtime，然后该系统能够允许窗口嵌套（不能用user32，需要自己找找有什么办法，然后在源码更改），就可以使用tkwebview2了。

途中遇到一些莫名其妙的问题，我还没办法解决，不过可以凑合着用了。

声明

本项目属于作者原创。借鉴了GitHub/TinUI上的tuxml.py，翻版必究，但可以自行添加功能代码。

本项目使用的TinUI为我开源并维护在GitHub上的主文件——TinUI.py。当然，使用PYPI中下载安装的tinui也可以。

文件结构

在这里插入图片描述

  • main.xml - 整体窗口布局

  • page.xml - 每个页面的布局

  • tinui.py - TinUI核心支持

  • tinuiweb.py - 逻辑代码

核心代码

窗口布局

main.xml

<!--TinUIXml编辑器-->
<tinui>
    <line x='5'>
        <notebook width='1270' height='710'>ntb</notebook>
    </line>
</tinui>

其实很简单，就一个标签栏视图，也叫做选项卡（notebook）。

页面

page.xml

<tinui>
    <line>
        <button text='<'>backbutton</button>
        <button text='>'>forebutton</button>
        <button text='↺'>refbutton</button>
        <entry width='1000'>urlenter</entry>
        <button text='🏠'>homebutton</button>
        <button text='？'>colbutton</button>
    </line>
    <line>
    </line>
</tinui>

这个界面也甚为简单，到后面发现其实输入框很废。

程序启动

def main():
    global root,u,ntb,xml,pagexml
    root=Tk()
    root.geometry('1280x720+5+5')
    root.title('TinUI 轻型浏览器')
    root.resizable(0,0)

    u=BasicTinUI(root)
    u.pack(fill='both',expand=True)
    x=TinUIXml(u)

    #in

    #during
    with open('main.xml',mode='r',encoding='utf-8') as f:
        xml=f.read()
    x.loadxml(xml)
    with open('page.xml',mode='r',encoding='utf-8') as f:
        pagexml=f.read()
    #out
    ntb = x.tags["ntb"][-2]

    newpage(url='https://www.baidu.com/')

    ntb.cannew(True,newpage)

    root.mainloop()


def go():
    try:
        main()
    except Exception as err:
        print(err)


t = Thread(ThreadStart(go))
t.ApartmentState = ApartmentState.STA
t.Start()
t.Join()

页面加载

这个函数为newpage，但是考虑到点击新增标签页的功能，就把这个函数写的通用一点。

def newpage(title='新标签页',url='https://bing.com/'):
    npage=ntb.addpage('新标签页')
    ntb.showpage(npage)
    nu,nx,_=ntb.getuis(npage)
    nx.loadxml(pagexml)
    #---
    webview=WebView2(nu,width=1260,height=620)
    nu.create_window((5,40),window=webview,anchor='nw')
    #---
    backbutton = nx.tags["backbutton"][-2]
    backbutton[0](lambda event:backone(webview))
    forebutton = nx.tags["forebutton"][-2]
    forebutton[0](lambda event:foreone(webview))
    refbutton = nx.tags["refbutton"][-2]
    refbutton[0](lambda event:refreshone(webview))
    urlenter,uid = nx.tags["urlenter"]
    urlenter.bind('<Return>',lambda event:newurl(webview,urlenter))
    homebutton = nx.tags["homebutton"][-2]
    homebutton[0](lambda event:homeone(webview))
    colbutton = nx.tags["colbutton"][-2]
    colbutton[0](lambda event:collect_it(webview))
    #---
    def loadit(sender,arg):
        core=sender.CoreWebView2
        core.NewWindowRequested+=newwindow
        core.DocumentTitleChanged+=lambda s,a:titlechanged(s,a,urlenter,npage)
        core.AreDevToolsEnabled=True
    webview.web.CoreWebView2InitializationCompleted+=loadit
    webview.web.ContentLoading+=lambda sender,args:newtitle(sender,args,urlenter,npage)
    if url!='':
        webview.load_url(url)
        urlenter.insert(0,url)
    nu.focus(uid)
    return webview

其它代码就很简单了。

源文件代码

from tinui import *
from tkinter import Tk
from time import sleep
import threading
import clr
clr.AddReference('System.Threading')
from System.Threading import Thread,ApartmentState,ThreadStart,ParameterizedThreadStart

from tkwebview2.tkwebview2 import WebView2


def backone(wb):
    wb.web.GoBack()
def foreone(wb):
    wb.web.GoForward()
def refreshone(wb):
    wb.web.Reload()
def newurl(wb,entry):
    url=entry.get()
    if url!='':
        wb.load_url(url)
        wb.web.Enabled=True
def newtitle(wb,args,entry,flag):#更新标题
    try:
        url=wb.Source.ToString()
        entry.delete(0,'end')
        entry.insert(0,url)
    except Exception as err:
        print(err)    
def newwindow(sender,args):
    try:
        args.Handle=True
        args.NewWindow=sender
    except Exception as err:
        print(err)
def titlechanged(sender,args,entry,flag):
    title=sender.DocumentTitle
    threading.Thread(target=ntb.newtitle,args=(flag,title)).start()
def homeone(wb):
    wb.load_url('https://blog.csdn.net/tinga_kilin')
def collect_it(wb):#收藏，暂不用
    ...

def newpage(title='新标签页',url='https://bing.com/'):
    npage=ntb.addpage('新标签页')
    ntb.showpage(npage)
    nu,nx,_=ntb.getuis(npage)
    nx.loadxml(pagexml)
    #---
    webview=WebView2(nu,width=1260,height=620)
    nu.create_window((5,40),window=webview,anchor='nw')
    #---
    backbutton = nx.tags["backbutton"][-2]
    backbutton[0](lambda event:backone(webview))
    forebutton = nx.tags["forebutton"][-2]
    forebutton[0](lambda event:foreone(webview))
    refbutton = nx.tags["refbutton"][-2]
    refbutton[0](lambda event:refreshone(webview))
    urlenter,uid = nx.tags["urlenter"]
    urlenter.bind('<Return>',lambda event:newurl(webview,urlenter))
    homebutton = nx.tags["homebutton"][-2]
    homebutton[0](lambda event:homeone(webview))
    colbutton = nx.tags["colbutton"][-2]
    colbutton[0](lambda event:collect_it(webview))
    #---
    def loadit(sender,arg):
        core=sender.CoreWebView2
        core.NewWindowRequested+=newwindow
        core.DocumentTitleChanged+=lambda s,a:titlechanged(s,a,urlenter,npage)
        core.AreDevToolsEnabled=True
    webview.web.CoreWebView2InitializationCompleted+=loadit
    webview.web.ContentLoading+=lambda sender,args:newtitle(sender,args,urlenter,npage)
    if url!='':
        webview.load_url(url)
        urlenter.insert(0,url)
    nu.focus(uid)
    return webview


def main():
    global root,u,ntb,xml,pagexml
    root=Tk()
    root.geometry('1280x720+5+5')
    root.title('TinUI 轻型浏览器')
    root.resizable(0,0)

    u=BasicTinUI(root)
    u.pack(fill='both',expand=True)
    x=TinUIXml(u)

    #in

    #during
    with open('main.xml',mode='r',encoding='utf-8') as f:
        xml=f.read()
    x.loadxml(xml)
    with open('page.xml',mode='r',encoding='utf-8') as f:
        pagexml=f.read()
    #out
    ntb = x.tags["ntb"][-2]

    newpage(url='https://www.baidu.com/')

    ntb.cannew(True,newpage)

    root.mainloop()


def go():
    try:
        main()
    except Exception as err:
        print(err)


t = Thread(ThreadStart(go))
t.ApartmentState = ApartmentState.STA
t.Start()
t.Join()

最终效果

在这里插入图片描述

现在的问题

现在的问题主要有以下几个方面：

  1. 输入框在webview2获得焦点后就失效了，需要本窗口失去焦点，再次点击输入框才行

  2. 目前还没有想到直接打开新窗口的好方法，只能在本窗口打开

  3. 将新窗口的内容在本页面打开后，历史记录清零

  4. 菜单调不出来

结语

虽然真的是有点漏洞百出，但是至少是可以正常使用的。网址输入可以直接使用搜索界面，浏览器历史的话，应该不是很重要。。。总之，凑合着用用，当个示例还是够的。

虽然tkwebview2说是维护中，但是我几乎没怎么碰tkwebview2，也是希望需要的人对其完善。

🔆tkinter创新🔆

Smart-Space
关注
专栏目录
基于Tkinter的简易浏览器
weixin_54366286的博客
07-10 459
在新标签页中打开URL：除了在Tkinter窗口中显示网页内容，程序还会使用webbrowser模块在新标签页中打开用户输入的URL，以便于在外部浏览器中查看。下载并显示图片：如果网页中包含图片，程序会尝试下载图片并将其显示在一个Label控件中。安全考虑：由于程序直接从用户输入的URL获取内容，存在潜在的安全风险，如加载恶意网站或执行未经授权的操作。图片处理：在下载图片时，程序假定图片是PNG格式，并且直接保存在用户选择的目录中。网络请求：程序直接执行网络请求，这可能会受到防火墙或代理服务器的限制。
tkFileBrowser:Tkinter的文件浏览器-开源
04-25
tkFileBrowser是tkinter.filedialog的替代方法，它允许用户选择文件或目录。 GUI用tkinter编写，但是外观更接近GTK，并且该应用程序使用GTK书签（例如，以鹦鹉螺或thunar显示的书签）。 该文件浏览器支持新的目录创建和filtype筛选。
基于aardio web.view2库和python playwright包的内嵌浏览器自动化操作
最新发布
小龙在线
07-05 566
通过cdp协议可以实现playwright操控webview。
Rekonq 1.2 发布，轻型 Web 浏览器
weixin_34292402的博客
10-23 149
Rekonq 1.2 是一个 bugfix 版本，没有新功能和其他改进。 Rekonq 是个基于 WebKit 的浏览器，主要优点是轻量级、快速简洁。
Python Tkinter库实战（用Entry和button控件做一个小型的浏览器）
IT菜鸡成长记
04-02 472
python自制浏览器实战教程（Entry和button控件自制浏览器实战）
tkinter浏览器组件
热门推荐
tinga_kilin的博客
09-12 1万+
tkinter嵌入网页组件
tkinter-2.7.5-90.el7.x86_64.rpm
12-24
官方离线安装包，测试可用。使用rpm -ivh [rpm完整包名] 进行安装
python27-tkinter-2.7.18-3.el7.x86_64.rpm
01-02
官方离线安装包，测试可用。使用rpm -ivh [rpm完整包名] 进行安装
python3-tkinter-3.6.8-39.el8.i686.rpm
12-19
官方离线安装包，亲测可用。使用rpm -ivh [rpm完整包名] 进行安装
python3-tkinter-3.6.8-37.el8.aarch64.rpm
12-11
官方离线安装包，亲测可用
Python-pywebview是webview组件的轻量级跨平台原生封装实现利用Web技术开发GUI应用
08-10
pywebview是webview组件的轻量级跨平台原生封装，实现利用Web技术开发GUI应用
tkinter桌面小部件demo，带位置记忆，带打包成品
08-27
一个tkinter写的桌面小部件，带位置记忆，带打包成品，引用库datetime、tkinter、configparser、os，python版本3.6
python3-tkinter-3.6.8-40.el8.x86_64.rpm
12-19
官方离线安装包，亲测可用。使用rpm -ivh [rpm完整包名] 进行安装
tkinter使用WebView2网页组件
tinga_kilin的博客
12-25 1万+
tkinter使用基于WebView2的浏览器网页组件
python：tkinterweb 简单又好用的 htmlview 组件
belldeep的专栏
05-03 1628
tkinterweb 是简单又好用的 webview 组件，也可用来显示本地 html文件。pip install readmdict ; 读mdx字典文件进行英汉查词，并播放.mdd文件中mp3
tkinter+miniblink实现网页组件
tinga_kilin的博客
02-13 7054
借助miniblink，构建tkinter网页组件
在python程序中嵌入浏览器_如何将python tkinter窗口嵌入到浏览器中？
weixin_39668890的博客
11-29 2307
好的..一个python程序的输出显示在一个Tkinter窗口中，该窗口分开打开。我想要做的是在浏览器中嵌入此窗口。代码如下：如何将python tkinter窗口嵌入到浏览器中？import numpy as npimport matplotlibimport matplotlib.cbook as cbookimport matplotlib.image as imageimport matp...
web图像显示漫游_Mac软件丨Lyn 2.0.1 轻型图像浏览器和查看器
weixin_39900045的博客
12-10 68
↑ 点击上方“麦克黑科技”关注我们Lyn是一款快速，轻巧的图像浏览器和查看器，专为摄影师，图形艺术家和Web设计师设计。它具有极其通用且美观的界面，它提供了易于使用的地理标记技术以及用于共享照片的完整解决方案。新的编辑检查器为您提供一切，将您的照片变成精美的照片。调整曝光，色温，亮度和对比度，或通过高光和阴影调整显示图像细节。您可以尝试将彩色照片转换为黑白，尝试使用经典的棕褐色调或添加小...
如何用python tkinter写一个功能齐全的浏览器？
weixin_35751412的博客
12-31 863
要用 Python 的 Tkinter 库来写一个功能齐全的浏览器，需要以下几步： 导入 Tkinter 库中所需的模块，例如 import tkinter as tk。 创建一个 Tkinter 窗口，使用 tk.Tk() 来创建。 在窗口中添加一个文本输入框，用来输入网址。可以使用 tk.Entry() 来创建。 为文本输入框添加一个按钮，用来触发浏览器访问网址的功能。可以使用 tk....
tkinter-after
09-02
Tkinter中的after方法是一种定时器机制，它可以在指定的时间后执行指定的函数。使用after方法可以实现持续监听输入内容的功能。在给定的时间间隔内，可以通过after方法重复调用函数来监听输入内容并做出相应的处理。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值