Slog60_浏览器之ArthurSlog浏览器-ArthurSlogBrowser-一个个人浏览器的诞生

• ArthurSlog
• SLog-60
• Year·1
• Guangzhou·China
• Sep 5th 2018

---

• GitHub
• NPM Package Page
• ArthurSlog Page
• 掘金主页
• 简书主页
• segmentfault

道生一 一生二 二生三 三生万物

---

开发环境MacOS(High Sierra 10.13.5)

需要的信息和信息源：

• Python官方手册
• GuiProgramming toolkit for Python
• Graphical User Interfaces with Tk
• HTML解析器对比
• Python file-objects
• Python string-methods

开始编码

• python 2.7.10
• 开始一个简单的浏览器

~/Desktop/ArthurSlogBrowser/parser.py

#!/usr/bin/python
# -*- coding: UTF-8 -*-

f = open("index.html", "rt") # 搜索并打开当前路径下的 index.html 文件

fr = f.read() # 读取 index.html 文件

restr = fr.split('
', 2 ) # 解析 index.html 文件，这里把 
 给去掉

print restr[1]

• 因为上面的解析程序会读取当前路径下的一个名为 index.html 的文件

~/Desktop/ArthurSlogBrowser/index.html

This is ArthurSlogBrowser~

• 切换至当前路径下，执行解析程序

cd ~/Desktop/ArthurSlogBrowser/

python parser.py

• 上面的代码，将会搜索当前路径下的 index.html 文件，然后进行解析，打印出解析好的数据
• 执行结果：

This is ArthurSlogBrowser~

• 现在我们来写一个 GUI 程序，也就是 ArthurSlogBrowers（ArthurSlog浏览器）

~/Desktop/ArthurSlogBrowser/ArthurSlogBrowser.py

#!/usr/bin/python
# -*- coding: UTF-8 -*-
# ArthurSlog
# v0.0.1
 
import Tkinter as tk
master = tk.Tk()

arthurslogbrower_file = open("index.html", "rt") # 搜索并打开当前路径下的 index.html 文件

arthurslogbrower_file_f = arthurslogbrower_file.read() # 读取 html文件

rendering_file = arthurslogbrower_file_f.split('
', 2 ) # HTML解析器，解析html文件并分析数据结构, 这里把 
 给去掉

msg = tk.Message(master, text = rendering_file[1]) # 像素、图形渲染器，把解析好的数据显示在屏幕上

msg.pack()

tk.mainloop()

• 切换至当前路径下，执行解析程序

cd ~/Desktop/ArthurSlogBrowser/

python ArthurSlogBrowers.py

• 正常执行的话，会开启一个图形界面，界面上显示 “This is ArthurSlogBrowser~” 字符串
• 至此，我们完成了一个初始版的浏览器ArthurSlogBrowser。

---

欢迎关注我的微信公众号 ArthurSlog

如果你喜欢我的文章 欢迎点赞 留言

谢谢