从浏览器输入网址(URL)，到最终展示页面，都发生了什么？ 分手后的思念是犯贱 2024-04-01 12:09 24阅读 0赞 **目录** 前言 一、进行DNS域名解析 二、进行封装 三、进行传输 四、数据到达目标服务器，根据请求计算响应，重新封装，发送给客户端浏览器 五、客户端针对数据进行解析，分用 六、浏览器根据请求到的资源和数据进行渲染页面，最终向用户呈现一个完整的页面 七、结束 -------------------- ## 前言 ## 从（如下图） ![497d1eddf9ee4e5c9e0e5a7b232a0f84.png][] 到你按下回车，再到最后出现这个网页界面（如下图） ![34670dec09594b5493b2b2096c4b30bb.png][] 中间到底发生了什么？ 接下来就带你一步步进行解析~ -------------------- ## 一、进行DNS域名解析 ## **DNS由解析器和域名服务器组成的， 他就是用来将域名转化成IP地址的；** 进一步解释：咱们在网上上网通常输入的都是一段网址，这其实就是域名（IP地址不好记，域名的出现只是为了方便大家记忆的IP地址的另一种形式），而网络上的设备都是通过IP地址作为身份标识的，并且通过IP地址相互识别，所以这时候就需要通过DNS系统来将域名转化成IP地址，找到我们需要的信息； ## 二、进行封装 ## 浏览器获得了域名对应的IP地址后，就可以构造出HTTP数据报，将其交给传输层，TCP就根据刚才的IP地址，建立连接——三次握手，然后在发送刚构造好的HTTP请求；接着数据交给了网络层，IP协议将其封装成立IP数据报，然后交给数据链路层，封装成对应的数据帧，最终通过网卡传输出去； ## 三、进行传输 ## 传输的过程中，经过一些交换机和路由器； * 交换机把数据分用到数据链路层（更上层就不解析了），再重新封装，继续转发 * 路由器会把数据分用到网络层（更上层就不解析了），重新封装，接着路由器会根据数据报中的目的IP在路由表中匹配，找个合适的方向发出去，每次转发TTL都会减1；（TTL是一个IP协议的值,它告诉网络,数据包在网络中的时间是否太长而应被丢弃。） ## 四、数据到达目标服务器，根据请求计算响应，重新封装，发送给客户端浏览器 ## 服务器通过监听端口来获取客户端的HTTP请求，与客户端建立TCP连接后，服务器开始接受客户端发来的数据，通过HTTP解码，从接收到的数据中进行解析，找到你想要访问的那个资源，将资源构造成HTTP响应，最后发送给发送给客户端浏览器； 这样一个HTTP通信就完成了，服务器会根据HTTP请求中的Connection字段，决定是否关闭TCP连接通道，Connection字段值为keep-alive时，服务器不会立刻关闭连接，保证通信的完成； ## 五、客户端针对数据进行解析，分用 ## > 关于解析分用的过程，博主整理出了一篇博客可以看看： > > [http://t.csdn.cn/bwS88][http_t.csdn.cn_bwS88] ## 六、浏览器根据请求到的资源和数据进行渲染页面，最终向用户呈现一个完整的页面 ## 浏览器接收到响应内容之后，浏览器会解析HTML文件生成主页框架，同时遇到js等静态资源的引用，会向服务器继续发送请求，请求的内容就是主页里的一些资源，例如图片、视频... 最后浏览器向服务器发送异步请求，因为一些页面显示完成后仍需要客户端与服务器保持联系； ## 七、结束 ## 整个过程结束，最后通过四次挥手，关闭连接； > 注意：输入的URL没有到指定的网址，可能是因为DNS无法解析，网络断开，后台接口出问题，服务器负载过大等问题； -------------------- ![41baa786de354e0cb68304334f9e725c.gif][] [497d1eddf9ee4e5c9e0e5a7b232a0f84.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/46d83fc2c9e1455fb5b32ff4f51c06cf.png [34670dec09594b5493b2b2096c4b30bb.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/9f8629d5aa0249acb88affd073d90132.png [http_t.csdn.cn_bwS88]: http://t.csdn.cn/bwS88 [41baa786de354e0cb68304334f9e725c.gif]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/94ffb6aca236418ba57cba3cd1241869.gif
还没有评论，来说两句吧...