浏览器中输入一个域名地址

从浏览器中输入一个域名地址,我们会经历哪些过程,这篇文章不会去细化到每一个过程的具体实现,后面的文章会陆续告诉你。那么我们应该关注哪些东西呢?浏览器==》网络==》服务器 ==》浏览器

简单过程

1、浏览器解析url

http://        www.    polarisjack.top  /blog/webDetail   ?id=1
协议名称        服务器名  域名                  资源路径        参数

浏览器客户端解析好我们输入的地址以后,解析出域名,再根据域名解析出IP地址

2、浏览器根据解析得到的域名获取服务器的IP地址

将域名解析成服务器的IP地址这个步骤是由DNS服务器完成的,首先客户端根据你输入的域名去找浏览器dns缓存是否有对应的ip,如果没有会去寻找本地的hosts文件(windows系统dns缓存),检查文件中是否有域名和IP的对应关系。如果有,则根据这个IP地址建立连接。如果没有,再去DNS服务器寻找。
具体详情可参加另外一篇博客:浏览器的域名解析

3、建立TCP连接

找到目标IP地址以后,客户端主动尝试与服务器进行连接,三次握手。第一次是客户端主动连接服务器,此时服务器知道客户端需要建立连接了。第二次是服务器到客户端,此时客户端知道服务器收到连接请求了。第三次是客户端到服务器,此时服务器知道客户端收到了自己的回应。到这里,就认为客户端与服务器已经建立连接了。
具体详情可参考另外一篇博客:TCP的三次握手和四次挥手。

4、发送http请求

服务器根据客户端发送的请求,根据后台服务逻辑做出相应的响应
具体详情可参考另外一篇博客:http

5、得到响应结果

客户端根据服务响应得到后台服务响应的数据,因为此处为浏览器中输入域名的情况,假设后台返回的是一个普通的html页面,浏览器得到此html页面以后会进行解析。

6、浏览器解析HTML

渲染引擎解析html是从上到下解析,渲染引擎解析html的过程中,把标签内容转化为dom节点,映射成为DOM树。
具体详情可参加另外一篇文章:浏览器工作原理

7、请求HTML中需要加载的资源

渲染引擎在解析html的过程中,遇到外部资源(如:css、js),会请求外部资源

8、render渲染

渲染引擎把html映射成为DOM树,根据加载的css资源,构建为render树,再布局为render树,最后绘制render树,通过呈现引擎展示给用户。
渲染引擎解析html的过程中,把标签内容转化为dom节点,如果遇到css文件或者style标签,会把这些样式和dom节点构建成另外一棵render树,成型的几何结构。

    原文作者:PolarisJack
    原文地址: https://segmentfault.com/a/1190000018077219
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞