从URL输入到页面展现经过了什么

写在开头

        如今互联网时代发展这么迅速,我们几乎每个人都离不开互联网,每天或多或少都要查询细一些东西,登录一些网址,当我们在地址栏输入网址的时候,只需要再按一下回车,想找的地址就呈现在我们面前,这个过程看似很简单,其中可充满了许多步骤,接下来和我一块看看吧。

第一步:在浏览器中输入URL

首先我们需要明白URL是什么?URL(Uniform Resource Location),译为统一资源定位符,用于定位互联网上的资源。对应了一些协议,端口号,域名等相关信息,而协议又有http,https,ftp,file等,http协议主要用于定位互联网上的资源,file协议主要定位本机上的资源,而https则是加密了的http协议,防止被盗取。知道了这些定义,接下来就是在浏览器中输入URL,进行下一步。

常见的协议

第二步:域名解析

在浏览器中输入http:jirengu.com的URL,浏览器并不知道jirengu.com是什么,只能识别jirengu.com的IP地址,通俗来说就是浏览器只认识IP。所以我们必须先要知道jirengu.com对应的IP是什么。每种域名都会对应一个IP,这时候可能大家就会问为啥不直接使用IP呢,这是由于IP是有一串串数字组成的,而域名的话,通常可以语义化,比如:baidu.com,就好记忆的多。IP是互联网协议,IP协议提供了一种统一的地址格式,它为互联网上的每一个网络和每一台主机分配一个逻辑地址,以此来屏蔽物理地址的差异。接下来呢,就到了域名解析阶段,就是浏览器查找URL对应的IP地址,通常有以下几个步骤:

1.浏览器缓存:之前访问过的地址,浏览器都会有记录,所以下一次访问的时候就可以直接查找到对应的IP。

2.系统缓存:如果浏览器缓存找不到的话,则从电脑的host文件查找是否有对应的IP。

3.路由器缓存:会在查找路由器缓存中是否有对应的IP。

4.ISP DNS缓存:ISP是服务商如电信的缓存,从这里查找对应的IP。

5.如果都找不到的话,则向根域名服务器查找对应的IP,直到找到为止。

第三步:服务器处理

当找到对应的IP后,浏览器就可以向IP发请求,发送给服务器(服务器就是一台装了安装系统如linux,windows server 2012的机器),服务器系统中安装了一个处理请求的应用Web server,这个应用就可以处理来自浏览器的请求交给网站代码,或者接受请求反向代理到其他Web服务器。常见的Web服务器 Apache、Nginx、IIS、Lighttpd。

第四步:网站处理

主要经过下图这几个步骤:这包括了前后端,其中视图到控制器则是前端主要负责的。

MVC 模型(model)-视图(view)-控制器(controller)


第五步:浏览器处理

HTML字符串被浏览器接受后被一句句读取解析,解析到link 标签后重新发送请求获取css,解析到 script标签后发送请求获取 js,并执行代码,解析到img 标签后发送请求获取图片资源

第六步:绘制网页

浏览器根据 HTML 和 CSS 计算得到渲染树,绘制到屏幕上。

谢谢观看。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,670评论 5 460
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,928评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,926评论 0 320
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,238评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,112评论 4 356
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,138评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,545评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,232评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,496评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,596评论 2 310
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,369评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,226评论 3 313
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,600评论 3 299
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,906评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,185评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,516评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,721评论 2 335

推荐阅读更多精彩内容