运行环境

一、加载资源的形式

输入URL(或跳转页面)加载HTML

加载HTML中的静态资源

二、加载资源的过程

DNS解析

客户端发送HTTP请求

服务器收到、处理并返回HTTP请求

浏览器得到返回内容

三、浏览器渲染页面的过程

根据HTML结构生成DOM Tree

根据CSS生成 Style Tree

将DOM Tree和Style Tree整合生成Render Tree

遇到<script>时,会执行并阻塞渲染

四、DNS解析

1、浏览器搜索自身的DNS缓存

2、搜索操作系统自身的DNS缓存

3、读取本地的HOST文件

4、浏览器发起一个DNS系统调用

    1)宽带运营商服务器查看本身缓存

    2)运营商服务器发起一个迭代DNS解析的请求

5、浏览器获得域名对应的IP地址后,发起“三次握手”,建立TCP连接

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容