菜单

当您打开网页的时候,世界都发出了哪些(1)

2019年2月4日 - jQuery

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

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

原稿出处:
吴迪   

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

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

Hi!大家好,我的名字叫做浏览器,我还有个很酷的英文名字叫做Browser!很春风得意认识您!

manbetx2.0手机版 1

怎么着,你想许多度?没难点!请您告诉自己瞬间,百度的地址是什么?或者说,百度的URL是什么?

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

manbetx2.0手机版 2

啊,百度的地点是http://baidu.com是吧,好嘞!我现在就从头帮您去把那么些网页给请过来。

首先,我先要找到这一个网页的家在哪个地方。网页的家有一个名字叫做manbetx2.0手机版,服务器,它的英文名叫做Server。服务器本身其实也是一台统计机,跟你家中的微机其实是不行相似的。只不过相比较起来,服务器质量会比一般的处理器的品质来得强劲,因为它须要服务广大个人!

manbetx2.0手机版 3

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

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

自我找到IP地址的法门实际很简短,我如若请操作系统(OS, Operating
System)帮忙就好了。所谓的操作系统,就是近乎Windows、Mac
OS一样的软件,你可以在它们下面安装种种各种的软件。其中Mac
OS是苹果电脑专用的操作系统。

manbetx2.0手机版 4

本条从URL到IP地址的经过叫做DNS查找,即DNS
Lookup。天啊,又一个新名词!没关系,你不须求牢记那么些名词。你所须求领悟的是,那里如同操作系统独自很快地形成了那个进程,但是事实上它为此所做的业务一定复杂。我们之后将有特意的文章用来介绍这一历程。

您有没有惊呆过,当你准备打开一个网页的时候,那几个世界上都爆发了有的哪些工作?会不会因为你手气键落,爆发了蝴蝶效应,指尖的风拂起千年后你梦中的那个女孩的刘海?咳,也不是不曾可能。今日自我就来告诉你会时有暴发什么事情,你可以沏一壶茶,坐在躺椅上,逐渐品尝……

建立连接和殡葬请求

现已胜利得到了服务器的IP地址,接下去自己即将向她要东西啊!首先我愿意它把baidu.com对应的网页传送给自己。我们之间传输音讯的格局比较相当,不必要自身坐地铁去找它然后搬回来,而是我会跟服务器建立一个连接

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

manbetx2.0手机版 5

接下去,我就会经过这一个专用通道,向服务器发起一个伸手(Request)。在那几个请求里面,我会像服务器表明自己想要的资源是何许,例如在那里,我想要的资源就是百度的首页。

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

manbetx2.0手机版 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)。在此地,响应要旨就是网页的代码了。

manbetx2.0手机版 7

好了,到近期截止,我早就得到了网页的代码。

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

等等…啥是代码?

好问题!

网页本身其实是由一连串的英文字符编写成的,这一个英文字符称作“代码”(Code)。那几个英文字符和平日的英文小说看起来差不离,但是它们都是用一种自己(浏览器)能够看得懂的格式写成的。我通过翻阅这个英文字符,掌握它,然后依据它的意趣将您想要看的页面渲染出来。

别急,关于这几个,大家在接下去的篇章中渐渐道来。

1 赞 2 收藏
评论

manbetx2.0手机版 8

manbetx2.0手机版 9

什么样,你想许多度?没难点!请您告知我瞬间,百度的地方是怎么着?或者说,百度的URL是什么?

对了,给你介绍一下URL,全称Unified Resource
Locator,普通话名为统一资源定位符,也就是我们俗称的网址。它就像互连网上的门牌一样,而浏览器就恍如大巴司机。你只要告诉浏览器你想要看的网页的URL,他就会把您载到那里啦!

manbetx2.0手机版 10

哦,百度的地点是http://baidu.com是吗,好嘞!我现在就起来帮您去把那么些网页给请回复。

先是,我先要找到那一个网页的家在何地。网页的家有一个名字叫做服务器,它的英文名叫做Server。服务器本身其实也是一台微机,跟你家中的微处理器其实是格外相似的。只可是相比较起来,服务器品质会比常见的微机的特性来得强劲,因为它须求劳务广大个人!

manbetx2.0手机版 11

那就是说这么多的服务器,我怎么找到百度所在的丰富服务器呢?就靠你刚才告诉我的URL了!URL只是服务器地址的一个相比较乐意的名字而已,我平昔不章程直接通过这些地址找到服务器。其实啊,在服务器的社会风气中间,他们还有一种更标准的地址表达形式,叫做IP地址。

插一嘴:IP地址是如何,它是怎么工作的,恐怕可以写一些本书了。简单地说,IP地址就是形同192.168.0.1那种样式的数字和英文句号的组成。你可以把它看作绝对URL来讲越发规范的地方。

自身找到IP地址的章程实际很简短,我倘若请操作系统(OS, Operating
System)帮衬就好了。所谓的操作系统,就是类似Windows、Mac
OS一样的软件,你可见在它们上边安装种种各类的软件。其中Mac
OS是苹果电脑专用的操作系统。

manbetx2.0手机版 12

以此从URL到IP地址的历程叫做DNS查找,即DNS
Lookup。天啊,又一个新名词!没关系,你不要求牢记那个名词。你所须要了然的是,那里就像操作系统独自很快地做到了这么些历程,不过其实它为此所做的政工一定复杂。我们今后将有更加的篇章用来介绍这一历程。

树立连接和殡葬请求

曾经顺遂得到了服务器的IP地址,接下去自己就要向她要东西啊!首先我期待它把baidu.com对应的网页传送给自身。大家中间传输新闻的主意比较新鲜,不要求我坐大巴去找它然后搬回来,而是我会跟服务器建立一个连接

连日来,英文名叫做Connection。实际上,它如同开辟了一个专用的大路,供我们互动之间传递新闻。

manbetx2.0手机版 13

接下去,我就会由此这么些专用通道,向服务器发起一个呼吁(Request)。在那几个请求里面,我会像服务器评释自己想要的资源是何等,例如在此处,我想要的资源就是百度的首页。

那就是说具体那么些资源的职位我是怎么告诉服务器的呢?还得再次来到刚才的URL来说!

manbetx2.0手机版 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)。在此处,响应主题就是网页的代码了。

manbetx2.0手机版 15

好了,到方今甘休,我早就获得了网页的代码。

等等…啥是代码?

好问题!

网页本身其实是由一多级的英文字符编写成的,这一个英文字符称作“代码”(Code)。这几个英文字符和平时的英文文章看起来大致,可是它们都是用一种自我(浏览器)可以看得懂的格式写成的。我通过翻阅这么些英文字符,掌握它,然后根据它的意味将你想要看的页面渲染出来。

别急,关于这个,大家在接下去的小说中国和日本渐道来。

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

相关文章

发表评论

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

网站地图xml地图