这个过程大致流程总结如下：
- 输入baidu.com,回车
- 域名解析
- 浏览器与服务器建立连接
- web浏览器发送HTTP请求
- web服务器处理请求并返回HTTP响应
- 浏览器接收HTTP响应
- 浏览器渲染页面
1 输入baidu.com,回车
2 域名解析
域名系统（英文：Domain Name System，缩写：DNS）是互联网的一项服务。它作为将域名和IP地址相互映射的一个分布式数据库，能够使人更方便地访问互联网。 ——维基百科
浏览器首先按以下顺序检查缓存中的DNS记录，如果存在即返回对应的IP
- 浏览器缓存
- 系统缓存(hosts文件)
- 路由器缓存
- ISP缓存
如果请求的URL不在缓存中，本地域名服务器会向根域名服务器发送一个请求。如果不存在，转发给下一级查询，顺序如下：
- 根域名服务器
- COM顶级域名服务器
- baidu.com域名服务器
域名解析
3 浏览器与服务器建立连接
一旦浏览器收到正确的IP地址，它将与服务器建立TCP连接。使用称为TCP/IP三次握手的过程建立此连接以进行数据传输。
三次握手
4 浏览器发送HTTP请求
建立TCP连接后，就可以开始传输数据了。浏览器将发送HTTP请求。
baidu.com HTTP请求报文
5 服务器处理HTTP请求
web服务器接收HTTP请求，由控制层处理逻辑，从数据库取得模型，视图层组装页面，返回HTTP响应
MVC
6 服务器返回HTTP响应
HTTP响应
状态码：
- 1xx 指示信息–表示请求已接收，继续处理。
- 2xx 成功–表示请求已被成功接收、理解、接受。
- 3xx 重定向–要完成请求必须进行更进一步的操作。
- 4xx 客户端错误–请求有语法错误或请求无法实现。
- 5xx 服务器端错误–服务器未能实现合法的请求。
7 浏览器渲染页面
浏览器至上而下解析HTML字符串，碰到link,src,img等外部资源时发起请求加载静态资源并缓存。但是碰到一般的Js会挂起渲染过程等待下载并执行完毕。
浏览器根据HTML和CSS计算得到模型树，绘制到屏幕上。
WebKit渲染过程
网友评论