浏览器加载、解析、渲染的过程

来源:互联网 发布:java通用版jar游戏 编辑:程序博客网 时间:2024/05/20 00:12

浏览器的主要功能

  浏览器的主要功能是将用户选择的web资源呈现出来,它需要从服务器请求资源,并将其显示在浏览器窗口中,资源的格式通常是HTML,也包括PDF、image及其他格式。用户用URI(Uniform Resource Identifier统一资源标识符)来指定所请求资源的位置,通过DNS查询,将网址转换为IP地址。整个浏览器工作的流程:
  1、输入网址。
  2、浏览器查找域名的IP地址。
  3、浏览器给web服务器发送一个HTTP请求。
  4、网站服务的永久重定向响应 。
  5、 浏览器跟踪重定向地址 现在,浏览器知道了要访问的正确地址,所以它会发送另一个获取请求。
  6. 服务器“处理”请求,服务器接收到获取请求,然后处理并返回一个响应。
  7. 服务器发回一个HTML响应。
  8. 浏览器开始显示HTML 。
  9. 浏览器发送请求,以获取嵌入在HTML中的对象。在浏览器显示HTML时,它会注意到需要获取其他地址内容的标签。这时,浏览器会发送一个获取请求来重新获得这些文件。这些文件就包括CSS/JS/图片等资源,这些资源的地址都要经历一个和HTML读取类似的过程。所以浏览器会在DNS中查找这些域名,发送请求,重定向等等…

HTML页面加载和解析流程

  1. 用户输入网址(假设是个html页面,并且是第一次访问),浏览器向服务器发出请求,服务器返回html文件。
  2. 浏览器开始载入html代码,发现标签内有一个标签引用外部CSS文件。
  3. 浏览器又发出CSS文件的请求,服务器返回这个CSS文件。
  4. 浏览器继续载入html中部分的代码,并且CSS文件已经拿到手了,可以开始渲染页面了。
  5. 浏览器在代码中发现一个标签引用了一张图片,向服务器发出请求。此时浏览器不会等到图片下载完,而是继续渲染后面的代码。
  6. 服务器返回图片文件,由于图片占用了一定面积,影响了后面段落的排布,因此浏览器需要回过头来重新渲染这部分代码。
  7. 浏览器发现了一个包含一行Javascript代码的
0 0
原创粉丝点击