菜单

当你打开网页的时候,世界都发出了什么(1)

2019年2月11日 - Ajax

当您打开网页的时候,世界都发出了什么样(1)

2015/09/10 · HTML5,
JavaScript ·
网页

原稿出处:
吴迪   

您有没有好奇过,当您打算打开一个网页的时候,这么些世界上都发出了部分怎么事情?会不会因为你手气键落,发生了蝴蝶效应,指尖的风拂起千年后您梦中的那一个女孩的刘海?咳,也不是没有恐怕。今日自我就来报告您会发生哪些业务,你可以沏一壶茶,坐在躺椅上,逐渐品尝……

时光倒流到你刚才打开这些页面的那须臾间…

Hi!我们好,我的名字叫做浏览器,我还有个很酷的英文名字叫做Browser!很兴奋认识你!

图片 1

哪些,你想许多度?没难点!请您告知自身须臾间,百度的地点是怎么样?只怕说,百度的URL是什么?

对了,给您介绍一下URL,全称Unified Resource
Locator,中文名为统一资源定位符,也就是大家俗称的网址。它就好像网络上的门牌一样,而浏览器就像地铁司机。你一旦告诉浏览器你想要看的网页的URL,他就会把您载到那里啦!

图片 2

啊,百度的地址是http://baidu.com是吗,好嘞!我现在就起来帮你去把那个网页给请过来。

先是,我先要找到那几个网页的家在哪个地方。网页的家有一个名字称为服务器,它的英文名叫做Server。服务器本身其实也是一台微机,跟你家中的电脑其实是极度相像的。只不过相比较起来,服务器质量会比常见的微处理器的属性来得强劲,因为它必要服务广大个人!

图片 3

那就是说如此多的服务器,我怎么找到百度所在的万分服务器呢?就靠你刚刚告诉本身的URL了!URL只是服务器地址的一个相比较乐意的名字而已,我没有办法直接通过那个位置找到服务器。其实啊,在服务器的世界中间,他们还有一种更准确的地址表明格局,叫做IP地址。

插一嘴:IP地址是如何,它是怎么工作的,或许可以写一些本书了。简单地说,IP地址就是形同192.168.0.1那种样式的数字和英文句号的三结合。你可以把它当做相对URL来讲越发纯粹的地方。

自家找到IP地址的法子实际上很粗略,我如果请操作系统(OS, Operating
System)协理就好了。所谓的操作系统,就是相仿Windows、Mac
OS一样的软件,你可以在它们上面安装种种各类的软件。其中Mac
OS是苹果电脑专用的操作系统。

图片 4

这一个从URL到IP地址的历程叫做DNS查找,即DNS
Lookup。天啊,又一个新名词!没关系,你不须要牢记这一个名词。你所急需明白的是,那里就如操作系统独自很快地成功了那些进程,可是实际它为此所做的事务十分复杂。大家随后将有特意的作品用来介绍这一进程。

您有没有惊呆过,当你打算打开一个网页的时候,这一个世界上都暴发了一部分什么样工作?会不会因为您手气键落,暴发了蝴蝶效应,指尖的风拂起千年后你梦中的这几个女孩的刘海?咳,也不是绝非大概。后天自己就来告诉你会生出什么事情,你可以沏一壶茶,坐在躺椅上,逐步品尝……

成立连接和殡葬请求

一度胜利获得了服务器的IP地址,接下去自个儿即将向他要东西啊!首先自个儿梦想它把baidu.com对应的网页传送给自身。大家之间传输新闻的方法比较特殊,不要求自家坐大巴去找它然后搬回来,而是我会跟服务器建立一个连接

接连,英文名叫做Connection。实际上,它就好像开辟了一个专用的通道,供大家互相之间传递音讯。

图片 5

接下去,我就会经过那个专用通道,向服务器发起一个请求(Request)。在这些请求里面,我会像服务器申明自身想要的资源是什么样,例如在那边,我想要的资源就是百度的首页。

那么具体那些资源的地点我是怎么告诉服务器的吧?还得回来刚才的URL来说!

图片 6

一个URL一般由三个部分组成,那里大家只介绍主机名(服务器名)和资源职责(可能说是资源路径)。一个服务器上得以有好多的资源,对应着区其他页面只怕文件,例如http://xxx.com/login可以是某网站的记名页面,http://xxx.com/register则足以是某网站的登记页面。那里的/login/register就象征了三个差别的资源(那里是页面)。/是相比较特其他资源路径,叫做“根路径”,经常就是网站的首页了。其实,那里的规律就和大家电脑上的文件夹是一模一样的。

在明亮了亟待的资源的地方然后,我就会给服务器发送一个请求。这些请求实际上就是一多重的英文字符,就像是一篇小说一样。

GET / HTTP/1.1 User-Agent: curl/7.37.1 Host: baidu.com Accept: */*

1
2
3
4
GET / HTTP/1.1
User-Agent: curl/7.37.1
Host: baidu.com
Accept: */*

怎么样,我也是很有文采的啊!在此处,你须要精晓的是,GET /即表示,我现在要从服务器上拿下来一个资源,这一个资源的职位是/。另外,Host: baidu.com意味着自个儿要请求的主机名叫做baidu.com。Host那么些英文单词就是有主机的意趣!

好了,请求已经准备甘休了,我现在就通过事先建立的接连将以此请求间接送给服务器!

时光倒流到您刚才打开这些页面的那须臾间…

取得响应

当服务器得到请求之后,经过一星罗棋布的劳作(或者是近乎翻箱倒柜找资料之类的啊),最终将要送还给我的资料,包罗网页的代码,全部包裹起来形成一个响应(Response),通过连接再次来到给自个儿。

一呼百应是和伸手对应的,一个伸手对应一个响应。这就好像问难题一样,一问一答。所以,响应本人其实也就是一文山会海的英文字符,就好像这么:(上边的响应是被简化的版本)

HTTP/1.1 200 OK Date: Mon, 31 Aug 2015 03:06:34 GMT Server: Apache
Cache-Control: max-age=86400 Expires: Tue, 01 Sep 2015 03:06:34 GMT
Last-Modified: Tue, 12 Jan 2010 13:48:00 GMT ETag: “51-4b4c7d90”
Accept-Ranges: bytes Content-Length: 81 Connection: Keep-Alive
Content-Type: text/html <html> …. 此处省略N多行 </html>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
HTTP/1.1 200 OK
Date: Mon, 31 Aug 2015 03:06:34 GMT
Server: Apache
Cache-Control: max-age=86400
Expires: Tue, 01 Sep 2015 03:06:34 GMT
Last-Modified: Tue, 12 Jan 2010 13:48:00 GMT
ETag: "51-4b4c7d90"
Accept-Ranges: bytes
Content-Length: 81
Connection: Keep-Alive
Content-Type: text/html
 
<html>
    …. 此处省略N多行
</html>

你可以小心到,响应分为八个部分。在13行之上的有些称作响应头(Response
Head),上面的有的称作响应中央(Response
Body)。在那里,响应中央就是网页的代码了。

图片 7

好了,到近期甘休,我一度获得了网页的代码。

Hi!大家好,我的名字叫做浏览器,我还有个很酷的英文名字叫做Browser!很欣喜认识你!

等等…啥是代码?

好问题!

网页本身其实是由一漫山遍野的英文字符编写成的,那些英文字符称作“代码”(Code)。这几个英文字符和平凡的英文小说看起来几乎,可是它们都是用一种本人(浏览器)可以看得懂的格式写成的。我通过翻阅这几个英文字符,精通它,然后根据它的意思将您想要看的页面渲染出来。

别急,关于那个,大家在接下去的文章中国和东瀛益道来。

1 赞 2 收藏
评论

图片 8

图片 9

如何,你想许多度?没难题!请您告知自个儿一下,百度的地方是什么样?恐怕说,百度的URL是什么?

对了,给您介绍一下URL,全称Unified Resource
Locator,粤语名为联合营源定位符,也就是大家俗称的网址。它就好像互连网上的门牌一样,而浏览器就接近客车司机。你借使告诉浏览器你想要看的网页的URL,他就会把你载到那里啦!

图片 10

啊,百度的地址是http://baidu.com是吗,好嘞!我前几日就起来帮您去把那一个网页给请回复。

第一,我先要找到那些网页的家在何地。网页的家有一个名字叫做服务器,它的英文名叫做Server。服务器本人其实也是一台微机,跟你家中的处理器其实是非常相似的。只然而比较起来,服务器品质会比日常的电脑的习性来得强劲,因为它必要劳务广大个人!

图片 11

那么如此多的服务器,我怎么找到百度所在的不胜服务器呢?就靠你刚才告诉我的URL了!URL只是服务器地址的一个比较满足的名字而已,我从未艺术直接通过这些地点找到服务器。其实啊,在服务器的社会风气中间,他们还有一种更规范的地址表达格局,叫做IP地址。

插一嘴:IP地址是怎么着,它是怎么工作的,只怕能够写一些本书了。简单地说,IP地址就是形同192.168.0.1那种形式的数字和英文句号的三结合。你能够把它看成绝对URL来讲尤其精确的地点。

我找到IP地址的办法实际上很粗略,我只要请操作系统(OS, Operating
System)辅助就好了。所谓的操作系统,就是近乎Windows、Mac
OS一样的软件,你可见在它们下面安装各个各类的软件。其中Mac
OS是苹果电脑专用的操作系统。

图片 12

本条从URL到IP地址的过程叫做DNS查找,即DNS
Lookup。天啊,又一个新名词!没关系,你不须要记住这几个名词。你所须要精通的是,那里如同操作系统独自很快地已毕了那个进度,不过其实它为此所做的作业一定复杂。大家今后将有特意的小说用来介绍这一历程。

制造连接和殡葬请求

业已顺遂得到了服务器的IP地址,接下去自个儿即将向他要东西啊!首先本人梦想它把baidu.com对应的网页传送给本身。大家之间传输音讯的艺术比较格外,不要求我坐大巴去找它然后搬回来,而是我会跟服务器建立一个连接

老是,英文名叫做Connection。实际上,它就如开辟了一个专用的大路,供我们相互之间传递音信。

图片 13

接下去,我就会经过那几个专用通道,向服务器发起一个呼吁(Request)。在那几个请求里面,我会像服务器声明本人想要的资源是怎么着,例如在此处,我想要的资源就是百度的首页。

那么具体这几个资源的地点我是怎么告诉服务器的吧?还得回到刚才的URL来说!

图片 14

一个URL一般由八个部分构成,那里大家只介绍主机名(服务器名)和资源任务(或许说是资源路径)。一个服务器上得以有诸多的资源,对应着不一致的页面可能文件,例如http://xxx.com/login可以是某网站的记名页面,http://xxx.com/register则足以是某网站的登记页面。那里的/login/register就象征了五个不一样的资源(那里是页面)。/是相比较出色的资源路径,叫做“根路径”,平时就是网站的首页了。其实,那里的原理就和我们电脑上的文件夹是一模一样的。

在驾驭了亟待的资源的职位然后,我就会给服务器发送一个伸手。这么些请求实际上就是一名目繁多的英文字符,就好像一篇小说一样。

1
2
3
4
GET / HTTP/1.1
User-Agent: curl/7.37.1
Host: baidu.com
Accept: */*

何以,我也是很有才情的吧!在那边,你需求驾驭的是,GET /即意味着,我现在要从服务器上砍下来一个资源,这些资源的义务是/。另外,Host: baidu.com意味着自个儿要呼吁的主机名叫做baidu.com。Host这么些英文单词就是有主机的趣味!

好了,请求已经准备已毕了,我前日就因此事先建立的连天将这么些请求直接送给服务器!

得到响应

当服务器获得请求之后,经过一多级的工作(只怕是近乎翻箱倒柜找材料之类的啊),最终将要送还给我的素材,包罗网页的代码,全体打包起来形成一个响应(Response),通过连日重返给自己。

一呼百应是和伸手对应的,一个呼吁对应一个响应。这就象是问难点一样,一问一答。所以,响应本人其实也就是一二种的英文字符,似乎这么:(下边的响应是被简化的版本)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
HTTP/1.1 200 OK
Date: Mon, 31 Aug 2015 03:06:34 GMT
Server: Apache
Cache-Control: max-age=86400
Expires: Tue, 01 Sep 2015 03:06:34 GMT
Last-Modified: Tue, 12 Jan 2010 13:48:00 GMT
ETag: "51-4b4c7d90"
Accept-Ranges: bytes
Content-Length: 81
Connection: Keep-Alive
Content-Type: text/html

<html>
    .... 此处省略N多行
</html>

您可以小心到,响应分为五个部分。在13行之上的一部分称作响应头(Response
Head),下边的一对称作响应要旨(Response
Body)。在此地,响应要旨就是网页的代码了。

图片 15

好了,到近来截止,我曾经得到了网页的代码。

等等…啥是代码?

好问题!

网页本人其实是由一七种的英文字符编写成的,这几个英文字符称作“代码”(Code)。那几个英文字符和平时的英文小说看起来差不离,不过它们都是用一种自我(浏览器)可以看得懂的格式写成的。我通过阅读那一个英文字符,明白它,然后根据它的情趣将你想要看的页面渲染出来。

别急,关于这几个,大家在接下去的小说中逐步道来。

原文:http://blog.leapoahead.com/2015/08/30/what-happens-when-you-open-a-webpage/

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图