访问网址实际会发生的事情

本文将更深入的研究当你输入一个网址的时候,后台到底发生了一件件什么样的事。

1、先输入一个网址,如facebook.com

2、浏览器利用DNS通过访问的域名找出其IP地址(做 域名—IP 转换)

DNS先查找缓存,过程如下:
请求DNS解析 → 浏览器DNS缓存 → 系统hosts → 系统网络连接的DNS → 找不到则向根域名查找 → 返回IP地址

具体如下:
 1. 浏览器缓存
 浏览器会缓存DNS记录一段时间。操作系统没有告诉浏览器储存DNS记录的时间,这样不同浏览器会储存个自固定的一个时间(2分钟到30分钟不等)。
 2. 系统缓存
 如果在浏览器缓存里没有找到需要的记录,浏览器会做一个系统调用(windows里是gethostbyname)。这样便可获得系统缓存中的记录。
 3. 路由器缓存 
 接着,前面的查询请求发向路由器,它一般会有自己的DNS缓存。
 4. ISP DNS 缓存
 接下来要check的就是ISP缓存DNS的服务器。在这一般都能找到相应的缓存记录。
 5.递归搜索 
 你的ISP的DNS服务器从跟域名服务器开始进行递归搜索,从.com顶级域名服务器到Facebook的域名服务器。一般DNS服务器的缓存中会有.com域名服务器中的域名,所以到顶级服务器的匹配过程不是那么必要了。

3. 浏览器给web服务器发送一个HTTP请求

因为像Facebook主页这样的动态页面,打开后在浏览器缓存中很快甚至马上就会过期,毫无疑问他们不能从中读取。

所以,浏览器将把以下请求发送到Facebook所在的服务器:

GET http://facebook.com/ HTTP/1.1 Accept:
application/x-ms-application, image/jpeg, application/xaml+xml, […]
User-Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64;
[…] Accept-Encoding: gzip, deflate Connection: Keep-Alive Host:
facebook.com Cookie: datr=1265876274-[…]; locale=en_US;
lsd=WW[…]; c_user=2101[…]

GET 这个请求定义了要读取的URL: “http://facebook.com/”。
浏览器自身定义 (User-Agent ), 和它希望接受什么类型的相应 (Accept and Accept-Encoding )。
Connection头要求服务器为了后边的请求不要关闭TCP连接。
请求中也包含浏览器存储的该域名的cookies。
在不同页面请求当中,cookies是与跟踪一个网站状态相匹配的键值。
这样cookies会存储登录用户名,服务器分配的密码和一些用户设置等。
Cookies会以文本文档形式存储在客户机里,每次请求时发送给服务器。

4. facebook服务的永久重定向响应

服务器给浏览器响应一个301永久重定向响应,这样浏览器就会访问“http://www.facebook.com/” 而非“http://facebook.com/”。

那么为什么要重定向而不是直接发会用户想看的网页内容呢?

  • 其中一个原因跟搜索引擎排名有关。就像http://www.igoro.com/
    和http://igoro.com/,搜索引擎会认为它们是两个网站,结果造成每一个的搜索链接都减少从而降低排名。而搜索引擎知道301永久重定向是
    什么意思,这样就会把访问带www的和不带www的地址归到同一个网站排名下。
  • 还有一个是用不同的地址会造成缓存友好性变差。当一个页面有好几个名字时,它可能会在缓存里出现好几次。

5. 浏览器跟踪重定向地址

服务器接收到获取请求,然后处理并返回一个响应。

这表面上看起来是一个顺向的任务,但其实这中间发生了很多有意思的东西

  • Web 服务器软件
    web服务器软件(像IIS和apache)接收到HTTP请求,然后确定执行什么请求处理来处理它。请求处理就是一个能够读懂请求并且能生成HTML来进行响应的程序(像ASP.NET,PHP,RUBY…)。
  • 请求处理
    请求处理阅读请求及它的参数和cookies。它会读取也可能更新一些数据,并讲数据存储在服务器上。然后,需求处理会生成一个HTML响应。

7. 服务器发回一个HTML响应

8. 浏览器开始显示HTML

9. 浏览器发送获取嵌入在HTML中的对象

在浏览器显示HTML时,它会注意到需要获取其他地址内容的标签。这时,浏览器会发送一个获取请求来重新获得这些文件。

下面是几个我们访问facebook.com时需要重获取的几个URL:

  • 图片 http://static.ak.fbcdn.net/rsrc.php/z12E0/hash/8q2anwu7.gif
    http://static.ak.fbcdn.net/rsrc.php/zBS5C/hash/7hwy7at6.gif

  • CSS 式样表 http://static.ak.fbcdn.net/rsrc.php/z448Z/hash/2plh8s4n.css
    http://static.ak.fbcdn.net/rsrc.php/zANE1/hash/cvtutcee.css

  • JavaScript 文件
    http://static.ak.fbcdn.net/rsrc.php/zEMOA/hash/c8yzb6ub.js
    http://static.ak.fbcdn.net/rsrc.php/z6R9L/hash/cq2lgbs8.js

这些地址都要经历一个和HTML读取类似的过程。所以浏览器会在DNS中查找这些域名,发送请求,重定向等等…

但 不像动态页面那样,静态文件会允许浏览器对其进行缓存。有的文件可能会不需要与服务器通讯,而从缓存中直接读取。服务器的响应中包含了静态文件保存的期限 信息,所以浏览器知道要把它们缓存多长时间。还有,每个响应都可能包含像版本号一样工作的ETag头(被请求变量的实体值),如果浏览器观察到文件的版本 ETag信息已经存在,就马上停止这个文件的传输。

10. 浏览器发送异步(AJAX)请求

总结

简单理解访问网址就是如下过程:

域名解析 --> 发起TCP的3次握手 --> 建立TCP连接后发起http请求 -->服务器响应http请求,浏览器得到html代码 --> 浏览器解析html代码,并请求html代码中的资源(如js、css、图片等) --> 浏览器对页面进行渲染呈现给用户。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值