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

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

简单过程

一、浏览器解析url

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

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

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

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

三、创建TCP链接

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

四、发送http请求

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

五、获得响应结果

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

六、浏览器解析HTML

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

七、请求HTML中须要加载的资源

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

八、render渲染

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

相关文章
相关标签/搜索