本篇文章中|网页浏览器渲染引擎

本篇文章中 , 我们主要分享一下常用(见)的网页浏览器(WebBrowser):
认识浏览器
认识浏览器的组件
01网页浏览器是什么?
网页浏览器是一个软件界面(接口) , 可以访问互联网的资源 , 包括文本、图片、音频、视频、在线游戏等 。
作为互联网用户 , 我们可以使用浏览器请求访问各种网站的网页 , 浏览器的任务是请求和检索存储在Web服务器上的网页内容 , 并在设备的浏览器窗口中的网页上显示这些内容 。
本篇文章中|网页浏览器渲染引擎
文章图片
我们可以在多种不同类型的设备上使用网页浏览器 , 包括台式电脑、笔记本电脑、Notebook、平板电脑、智能手机、游戏机 , 甚至更小的可穿戴技术设备 , 如智能手表等 。 据估计 , 2021年全世界使用网页浏览器的人数超过50亿 。 根据StatcounterGlobalStats提供的统计信息 , 截至2021年10月 , 从所有平台的全球市场份额数据来看 , 最常用的几种网页浏览器如下:
GoogleChrome:64.67%
AppleSafari:19.06%
MicrosoftEdge:3.99%
MozillaFirefox:3.66%
SamsungInternet:2.81%
Opera:2.36%
除以上列出的排在前几位的浏览器 , 用户可能还会使用其他的浏览器 。 不同的浏览器可以跨不同的操作系统使用 , 但是有些操作系统并不支持某些浏览器 , 下表简单列出了不同的操作系统所支持的常用浏览器的情况:
本篇文章中|网页浏览器渲染引擎
文章图片
有些浏览器只能在限定的操作系统中使用 , 比如苹果的Safari浏览器仅用于macOS和iOS 。 Samsung互联网浏览器仅用于运行Android5.0及以上的三星Galaxy设备 。
02浏览器组件
一个典型的网页浏览器有不同的组件构成 。
本篇文章中|网页浏览器渲染引擎
文章图片
1.用户界面(UserInterface , UI):常用的UI元素包括搜索框(Searchbar)、地址框(Addressbar , 用于输入URL以搜寻网页内容)、导航工具(主页、返回、前往、刷新)、历史记录、书签、收藏等等 。
2.浏览器引擎(BrowserEngine):一段代码 , 根据来自其上一层UI的用户交互 , 例如在浏览时加载URL和前后导航的请求 , 负责查询和控制其下一层中的渲染引擎(RenderingEngine) 。
3.渲染引擎(RenderingEngine):负责在浏览器屏幕上呈现(或渲染)所请求的网页和内容 , 主要解释HTML(HyperTextMakeupLanguage , 超文本标记语言)代码、XML文档和图片 , 并在浏览器屏幕上以易于理解的格式显示它们 。 渲染引擎还可以通过插件(plugins)或扩展(extensions)显示其他类型的数据 。
4.网络组件:通过使用互联网通信协议来检索输入的URL , 即HTTP(HyperTextTransferProtocol , 超文本传输协议)和FTP(FileTransferProtocol , 文件传输协议) 。 该组件还负责处理最近检索到的内容缓存 , 可以在请求时重新分发 , 这样便减少了网络流量 , 因为无需从网络源中不断检索以前检索过的文件 , 自上次检索实例后网络源也未发生过更改 。
5.JavaScript解释器:解释并执行已加嵌到所查看网站中的任何JavaScript代码 。 解释的结果将被定向到渲染引擎 , 以便在浏览器屏幕上显示 。
6.UI后端:负责绘制基础窗口小部件 , 如窗口和组合框 , 通过使用底层操作系统UI方法显示非平台特定或依赖的通用界面 。
7.数据存储组件:本质上是一个位于本地设备上的小型数据库 , 用于存储用户数据 , 如缓存、会话存储、Cookie、书签和用户配置文件首选项 。