逐行加载 HTML 内容并实时显示效果：使用 wxPython 的实现

原创

已于 2024-11-10 13:45:58 修改 · 923 阅读

17 ·

CC 4.0 BY-SA版权

文章标签：

#html #前端 #claude #逐行加载 #webbrowser

于 2024-11-10 13:43:20 首次发布

这篇博客中，我们将详细分析如何使用 wxPython 构建一个简单的桌面应用程序，用于逐行加载并显示 HTML 文件的内容，并在加载完成后通过浏览器组件呈现最终页面。通过该应用，我们可以体验到逐行加载 HTML 内容的视觉效果，类似于模拟代码输入。
C:\pythoncode\new\simulateClaudeGenHtml.py

全部代码

import wx
import wx.html2
import time

class HtmlViewerApp(wx.Frame):
    def __init__(self, *args, **kw):
        super(HtmlViewerApp, self).__init__(*args, **kw)

        # 创建界面布局
        panel = wx.Panel(self)
        vbox = wx.BoxSizer(wx.HORIZONTAL)

        # 创建Memo文本区域，并设置黑色背景和白色文字
        self.memo = wx.TextCtrl(panel, style=wx.TE_MULTILINE | wx.TE_READONLY)
        self.memo.SetBackgroundColour("#000000")
        self.memo.SetForegroundColour("#FFFFFF")
        vbox.Add(self.memo, proportion=1, flag=wx.EXPAND | wx.ALL, border=5)

        # 创建右侧WebView组件用于显示HTML效果
        self.browser = wx.html2.WebView.New(panel)
        vbox.Add(self.browser, proportion=1, flag=wx.EXPAND | wx.ALL, border=5)

        panel.SetSizer(vbox)

        # 创建菜单栏选择HTML文件
        menubar = wx.MenuBar()
        fileMenu = wx.Menu()
        openItem = fileMenu.Append(wx.ID_OPEN, 'Open', 'Open HTML File')
        menubar.Append(fileMenu, "&File")
        self.SetMenuBar(menubar)  # 修改为 self.SetMenuBar

        # 绑定打开文件事件
        self.Bind(wx.EVT_MENU, self.OnOpenFile, openItem)

        self.lines = []  # 用于存储HTML文件的行内容
        self.line_index = 0  # 当前行的索引
        self.timer = wx.Timer(self)  # 创建定时器
        self.Bind(wx.EVT_TIMER, self.OnTimer, self.timer)  # 绑定定时器事件

    def OnOpenFile(self, event):
        """打开并读取HTML文件"""
        with wx.FileDialog(self, "Open HTML file", wildcard="HTML files (*.html;*.htm)|*.html;*.htm",
                           style=wx.FD_OPEN | wx.FD_FILE_MUST_EXIST) as dialog:
            if dialog