之前公司技术总监说小程序就是个浏览器,有其它同事也有说过小程序类似浏览器这种观点。通过这篇文章来探讨一下这种说法。
# 一般浏览器的结构
- 用户界面(User Interface)
- 工具栏、地址栏、前进/后退按钮、书签菜单、可视化页面加载进度、智能下载处理、首选项、打印
- 浏览器引擎(Browser Engine)
- 为渲染引擎提供高级接口
- 加载URI,支持前进/后退/重新加载
- 提供当前页面加载进度、JavaScript alert挂钩
- 允许查询/修改渲染引擎设置
- 渲染引擎(Rendering Engine)
- 生成URI可视化表示
- 解析、显示HTML和XML文档
- 计算页面布局
- 网络(Networking)
- 实现HTTP和FTP等文件传输协议
- 在不同的字符集之间进行转换
-解析MIME媒体类型
- JavaScript解释器(JavaScript Interpreter)
- 解释并执行js
- XML解析器(XML Parser)
- 将XML文档解析成文档对象模型
- 显示后端(Display Backend)
- 提供绘图和窗口原语(用户界面控件集合、字体集合)
- 数据持久层(Data Persistence)
- 将与浏览会话相关联的各种数据存储在硬盘上
# 小程序架构
三端的脚本执行环境以及用于渲染非原生组件的环境
iOS | Android | 开发者工具 | |
---|---|---|---|
逻辑层 | JavaScriptCore | X5 JSCore | V8 |
视图层 | WKWebView | X5基于Mobile Chrome 57 | XWeb基于Mobile Chrome 67 |
从二者结构上来看,浏览器本身承载了很多功能,所以架构自然比小程序更加复杂。
小程序主要为了执行JS和渲染页面,所以可以删减很多不必要的东西,可以视为一个阉割版的低配浏览器。