当前位置: 首页 > Web前端 > HTML

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

时间:2023-04-02 21:01:26 HTML

在浏览器中输入一个域名地址,我们会经过哪些流程,每个流程的具体实现本文就不细说了,后面的文章会陆续告诉大家。那么我们应该关注什么呢?浏览器==》网络==》服务器==》浏览器简单流程1.浏览器解析urlhttp://www.polarisjack.top/blog/webDetail?id=1协议名服务器名域名资源路径参数浏览器客户端后end解析我们输入的地址,它解析域名,然后根据域名解析IP地址2.浏览器根据解析得到的域名获取服务器的IP地址,将域名解析成服务器的IP地址。这一步是由DNS服务器完成的,首先客户端根据你输入的域名在浏览器的dns缓存中查找对应的ip。如果不存在,则会查找本地的hosts文件(windows系统dns缓存),查看文件中的域名和IP是否存在对应关系。如果是,则基于此IP地址建立连接。如果没有,去DNS服务器上找。具体可以参考另一篇博客:浏览器的域名解析3.建立TCP连接,找到目标IP地址后,客户端主动尝试连接服务器,并握手3次。客户端第一次主动连接服务器,此时服务器知道客户端需要建立连接。第二次是从服务器到客户端。这时候客户端就知道服务器已经收到了连接请求。第三次是从客户端到服务端。这时候服务器就知道客户端收到了自己的响应。此时,就认为客户端已经与服务器建立了连接。具体可以参考另一篇博客:TCP的三次握手和四次挥手。4.发送http请求。服务端根据客户端发送的请求,根据后台服务逻辑做出相应的响应。详情请参考另一篇博客:http5。得到响应结果。客户端根据服务响应获取后台服务响应的数据,因为这是在浏览器中输入域名的情况。假设后台返回一个普通的html页面,浏览器拿到html页面后会进行解析。6.浏览器解析HTML。渲染引擎从上到下解析HTML。在解析HTML的过程中,渲染引擎将标签内容转化为dom节点,映射成DOM树。具体可以参考另一篇文章:浏览器工作原理7.请求HTML中需要加载的资源。渲染引擎在解析HTML的过程中,遇到外部资源(如:css、js),就会请求外部资源8.renderRendering渲染引擎将html映射成DOM树,根据加载的css构建渲染树资源,然后布局渲染树,最后绘制渲染树,通过渲染引擎展示给用户。在解析HTML的过程中,渲染引擎将标签内容转化为DOM节点。如果遇到CSS文件或样式标签,它会将这些样式和DOM节点构建到另一个渲染树中,形成一个几何结构。