美文网首页
浏览器工作原理

浏览器工作原理

作者: 小小小魔仙 | 来源:发表于2017-08-23 01:03 被阅读27次

    目前使用的主流浏览器有五个:IE、Firefox、Safari、Chrome和 Opera浏览器。

    浏览器的主要功能

    浏览器的主要功能就是向服务器发出请求,在浏览器窗口中展示您想要访问的网络资源(资源一般是指 HTML 文档).

    浏览器解读HTML文件的方式是在 HTML 和 CSS 规范中指定的。这些规范由W3C进行维护。
    现在浏览器因为没有完全遵守这些规范,所有有了兼容性的问题。

    浏览器的高层结构(High Level Structure)

    image.png
    • 用户界面 - 包括地址栏、前进/后退按钮、书签菜单等。
    • 浏览器引擎 - 在用户界面和渲染引擎之间传送指令。
    • 渲染引擎 - 负责显示请求的内容。如果请求的内容是 HTML,它就负责解析 HTML 和 CSS 内容,并将解析后的内容显示在屏幕上。
    • 网络 - 用于网络调用,比如 HTTP 请求。
    • 用户界面后端 - 用于绘制基本的窗口小部件,比如组合框和窗口。
    • JavaScript 解释器。用于解析和执行 JavaScript 代码,比如chrome的javascript解释器是V8。
    • 数据存储。这是持久层。浏览器需要在硬盘上保存各种数据,例如 Cookie。

    ps: Chrome 浏览器为每个标签页(Tab)都分配了各自的渲染引擎实例,每个标签页都是一个独立的进程(即每个标签页面都在独立的“沙箱”内运行,在提高安全性的同时,一个标签页面的崩溃也不会导致其他标签页面被关闭)。

    渲染引擎: 职责就是渲染(解析,转换),即在浏览器窗口中显示请求回来的内容。
    内容拿回来之后是通过
    解析html以构建dom树 -> 构建render树 -> 布局render树 -> 绘制render树
    一步步完成的。
    这个过程是逐步完成的,什么内容拿回来早就先把什么内容呈现在屏幕上,这样子就可以提高用户体验;并不会等到所有的html都解析完成之后再去构建和布局render树。

    相关文章

      网友评论

          本文标题:浏览器工作原理

          本文链接:https://www.haomeiwen.com/subject/favcdxtx.html