html显示二进制图片_浏览器中的页面是怎么显示出来的？（上）

玩转二进制

玩转二进制编译

编辑：lwii

本文的目的是用非常通俗的方式来说明浏览器将HTML，CSS和JavaScript转换为可以与之交互的工作网站所采取的步骤。了解这个过程后，你就清楚如何优化你的Web应用，以提高页面的速度和性能。

不过在分析该过程之前，我们要先了解一些很重要基本知识。首先，浏览器是一个软件，从远程服务器(或者本地磁盘)将文件加载、显示并与用户交互。

其中、浏览器执最为核心的是渲染引擎和JavaScript引擎。由于JS引擎越来越独立，浏览器内核就倾向于单指 渲染引擎。不同的浏览器制造商以不同的名称称呼其引擎。

例如：Firefox渲染引擎是Gecko，js引擎是SpiderMonkey，safari渲染引擎是webkit，js引擎是Javascriptcore，Chrome渲染引擎是Blink(是Webkit的分支)，js引擎是大名鼎鼎的 V8。Opera渲染引擎是Blink(以前是Presto)，js引擎是Carakan，这里只是名字，我们只需要了解。

我们知道，数据是通过Internet以大小为字节的“数据包”形式发送的。这里说明的是，当我们编写一些HTML，CSS和JS并尝试在浏览器中打开HTML文件时，浏览器将从硬盘(或网络)中读取HTML的原始字节。而不是我们编写的代码的实际字符。

浏览器接收到数据字节，但实际上无法执行任