从输入URL到前页面加载，发生了什么？

最新推荐文章于 2022-10-06 19:45:00 发布
原创 最新推荐文章于 2022-10-06 19:45:00 发布 · 111 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文详细介绍了从输入网址到页面完全加载的过程，包括DNS解析、TCP连接建立、HTTP请求发送、服务器处理请求及响应，以及前端如何解析并显示页面。

1. DNS解析
2. TCP连接
3. HTTP请求
4. 服务器处理请求并返回HTTP响应报文
5. 前端显示页面

** DNS解析**
我们输入 www.baidu.com，查找的并不是 www.baidu.com，而是对应的某个IP地址，为了方便记忆才如此表示。
DNS解析是一个递归过程：首先会在DNS高速缓存查找IP，找不到则访问根域名服务器，再找不到就范文com顶级域名服务器，再找不到就访问baidu域名服务器，最后返回，写入DNS高速缓存中。

从浏览器输入网址(URL)，到最终展示页面，都发生了什么？
CYK_byte的博客
11-01 4087
从（如下图）到你按下回车，再到最后出现这个网页界面（如下图）中间到底发生了什么？接下来就带你一步步进行解析~
从输入 URL 到页面加载完成，发生了什么？
ll_883963的博客
03-25 897
需要通过 DNS（域名解析系统）将 URL 解析为对应的 IP 地址，可能会查看缓存，比如本地缓存或者Service Worker的缓存，如果有的话就直接加载资源，不需要再去请求服务器了，然后与这个 IP 地址确定的那台服务器建立起 TCP 网络连接，不过现在很多网站都使用HTTPS，所以在TCP连接之后还会有TLS握手，建立安全连接，随后我们向服务端抛出我们的 HTTP 请求，服务端处理完我们的请求之后，把目标数据放在 HTTP 响应里返回给客户端，拿到响应数据的浏览器就可以开始走一个渲染的流程。
从输入URL到页面展示发生了什么？
澄白易的博客
06-19 2557
从输入url按下回车后，我们进入了第一步就是 DNS 解析过程，首先需要找到这个 url 域名的服务器 ip,为了寻找这个 ip，浏览器首先会寻找缓存，查看缓存中是否有记录缓存的查找记录为：浏览器缓存 -> 系统缓存 -> 路由器缓存，缓存中没有则查找系统的 hosts 文件中是否有记录。如果没有缓存则查询 DNS 服务器，得到服务器的 ip 地址后，浏览器根据这个 ip 以及相应的端口号发送连接请求；如果DNS服务器中没有解析成功，他会向上一步获得的顶级DNS服务器发送解析请求。这个连接请求到达服务器端后
从输入url到加载完页面发生了什么？
CC_Together的博客
04-17 4224
我愿称之为绝杀面试题，计算机网络方面的知识甚至浏览器的渲染机制，同时考察知识面的广度和深度，面试官问这一个题就足以探清你这方面知识的掌握情况。另一方面了解这其中的细节，对于前端优化来说也至关重要，本文也只能尽自己所了解到的进行总结。
前端经典面试题：在浏览器从输入 URL 到页面加载显示完成的过程？从输入URL到页面加载发生了什么？
南北极之间
06-20 3057
总体来说分为以下几个过程: DNS解析 TCP连接 发送HTTP请求 服务器处理请求并返回HTTP报文 浏览器解析渲染页面 连接结束 具体过程 资料： https://segmentfault.com/a/1190000006879700https://segmentfault.com/a/1190000006879700 ......
从输入url到页面完成加载发生了什么（完整版）
程序员小明1024
10-06 6295
.markdown-body { line-height: 1.75; font-weight: 400; font-size: 16px; overflow-x: hidden; color: rgba(51, 51, 51, 1) } .markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4, .ma...
浏览器输入URL后发生了什么？
热门推荐
了解➔熟悉➔掌握➔精通
02-12 8万+
分享一个大牛的人工智能教程。零基础！通俗易懂！风趣幽默！希望你也加入到人工智能的队伍中来！请点击http://www.captainbed.net Definition Without violating encapsulation, capture and externalize an object's internal state so that the object can be re...
从输入URL到页面展示这中间发生了什么
好好学习天天向上
06-17 3001
仅仅打开了1个页面，为什么有4个进程？ 因为打开1个页面至少需要1个网络进程、1个浏览器进程、1个GPU进程以及1个渲染进程，共4个进程是一个程序运行的实例，操作系统会为进程创建独立的内存，用来存放运行所需要的代码和数据 线程是进程的组成部分，每个进程可以有多个线程其中至少一个主线程，这些线程由所属的进程进行启动和管理。进程和线程之间关系的特点:浏览器接收到输入的URL后，先对URL解析，把我们请求需要的协议、域名、端口、路径这些信息解析提取出来。 URL结构:，判断用户输入的是 还是？网络进程会查找本地
从输入 URL 到页面加载完成中间都经历了什么
luoluoxx0115的博客
11-23 7703
目录概述1、URL解析2、DNS解析3、TCP连接4、HTTP请求5、HTTP响应6、页面渲染 概述 1、URL解析：地址栏输入地址，浏览器对输入内容进行解析，判断URL的合法性，和是否有可用缓存 2、DNS解析：域名解析系统（DNS）查找对应的IP地址 3、TCP连接：浏览器向服务器发起TCP连接，与浏览器建立TCP三次握手 4、HTTP请求：浏览器将http请求数据发给服务器（客户端–>服务器） 5、HTTP响应：服务器处理收到的请求，返回响应结果至浏览器（服务器–>客户端） 6、页面
经典面试题-----从输入url到页面加载完成都发生了什么？(1)
superyuan567的博客
03-01 2234
题目：从输入url到页面加载完成都发生了什么？ 这个过程是十分复杂的，我也是看了很多文章后过来总结一下看到的内容。先贴出这篇博客，总结的很好，也很全面。 整个过程大致可以分为几下几个阶段： 1. DNS域名解析 2. 客户端和服务器建立TCP连接 3. 客户端发送 HTTP请求 4. 服务器处理请求返回HTTP响应 5. 浏览器解析和渲染页面 6. 关闭连接 接下来会详细讲解一下这几大过程。 1....
浏览器从URL输入到页面展现到底发生了什么？
Darlingmi的博客
11-09 3459
文章目录一、DNS域名解析过程二、Tcp三次握手建立连接目的过程三、浏览器向服务器发送http请求请求行请求头请求数据四、服务器处理请求并返回http报文状态行响应头响应数据五、浏览器解析渲染页面步骤回流和重绘回流重绘六、 tcp四次挥手断开连接 为什么输入url就可以展现对应的页面呢？背后经历了什么？ 总体为以下几个过程： DNS解析，将域名解析成Ip地址 Tcp/Ip三次握手建立连接 浏览器向服务器发送http请求 服务器处理请求并返回http报文 浏览器解析渲染页面 tcp四次挥手断开连接 一、D
概述一个页面从输入URL到页面加载完的过程
11-29
总的来说，从输入URL到页面加载完毕，涉及到域名解析、TCP连接建立、HTTP通信等多个层面的网络活动，每个环节都是保证我们能够顺利浏览网页的关键步骤。了解这些流程有助于我们更好地理解和优化网页的加载速度及用户...
经典笔试题：一个页面从输入URL到页面加载显示完成，这个过程都发生什么？
weixin_45295262的博客
11-08 1897
笔记是我自己总结的，不对的地方多多指出~ 整体过程： 1.首先，在浏览器地址栏输入url,回车 2.根据Url,浏览器先查看浏览器缓存-系统缓存-路由缓存…，如果缓存中有，会从缓存中读取并显示，若没有，则跳到第三步 3.在发送http请求前，先进行DNS域名解析，获取访问的IP地址 4.浏览器向服务器发起tcp连接，与浏览器建立tcp三次握手。 5.握手成功后，浏览器和服务器已经建立了通信，浏览器向服务器发送http请求，请求数据包。 6.服务器接收到请求，处理请求并返回url指定数据给浏览器。 7.浏览器
王树森深度强化学习课程学习笔记与代码实现项目-深度强化学习理论解析算法推导PyTorch实战案例Q-learning策略梯度Actor-Critic蒙特卡洛方法时.zip
11-27
王树森深度强化学习课程学习笔记与代码实现项目_深度强化学习理论解析算法推导PyTorch实战案例Q-learning策略梯度Actor-Critic蒙特卡洛方法时.zipVS Code EIDE开发环境配置
沂沭河区.zip
11-27
三级水系流域矢量数据，数据格式shp格式，坐标系wgs84，真实可靠可打开，放心使用
李仙江.zip
11-27
三级水系流域矢量数据，数据格式shp格式，坐标系wgs84，真实可靠可打开，放心使用
五次多项式换道转向避撞轨迹规划可视化Matlab代码（分析不同车速与路面附着系数对换道时间、距离及横向加速度的影响）分析车速与路面
最新发布
11-27
五次多项式换道转向避撞轨迹规划可视化Matlab代码（分析不同车速与路面附着系数对换道时间、距离及横向加速度的影响）内容概要：本文档主要介绍了一个基于五次多项式进行换道转向避撞轨迹规划的Matlab仿真代码，重点分析了不同车速与路面附着系数对车辆换道时间、换道距离以及横向加速度的影响。通过可视化手段展示轨迹规划结果，帮助研究人员深入理解自动驾驶中路径规划的安全性与舒适性指标。该资源属于一系列科研仿真工具的一部分，涵盖路径规划、智能优化、电力系统、信号处理等多个领域，突出Matlab/Simulink在工程仿真中的应用价值。; 适合人群：具备一定Matlab编程基础，从事自动驾驶、智能交通系统、车辆工程或路径规划相关研究的研究生、科研人员及工程技术人员。; 使用场景及目标：①研究自动驾驶中安全换道轨迹的生成方法；②分析车辆动力学参数与道路条件对换道性能的影响；③为高级驾驶辅助系统（ADAS）和无人驾驶决策控制系统提供算法支持与仿真验证。; 阅读建议：建议结合Matlab代码与文档内容同步运行仿真，调整车速与路面附着系数等参数，观察换道轨迹与加速度变化趋势，深入理解五次多项式在连续平滑轨迹生成中的优势，并可进一步拓展至动态障碍物避撞或多车协同换道场景。
智能天线原理与MATLAB实践
11-27
本书系统讲解智能天线的基本原理与前沿技术，涵盖电磁场基础、天线阵列、随机过程、信道模型、到达角估计、自适应波束成形等内容。结合MATLAB仿真，帮助读者深入理解智能天线在无线通信、雷达等领域的应用。适合电子信息类研究生及工程师阅读，配套代码便于动手实践，助力掌握现代阵列信号处理核心技术。
高天区.zip
11-27
三级水系流域矢量数据，数据格式shp格式，坐标系wgs84，真实可靠可打开，放心使用
输人url到页面加载完成发生了什么?
06-11
在用户输入 URL 地址到页面加载完成的过程中，大致可以分为以下几个步骤： 1. DNS 解析：浏览器会先检查本地 DNS 缓存中是否有该域名对应的 IP 地址，如果没有则向 DNS 服务器发送请求，获取域名对应的 IP 地址。 2. TCP 连接：浏览器向服务器发起 TCP 连接请求，进行三次握手，建立可靠的数据传输通道。 3. 发送 HTTP 请求：浏览器向服务器发送 HTTP 请求，请求中包含请求方法、请求头、请求体等信息。 4. 服务器处理请求并返回 HTTP 响应：服务器接收到请求后，会根据请求信息生成响应，并将响应发送给浏览器，响应中包含响应状态码、响应头、响应体等信息。 5. 浏览器解析渲染页面：浏览器接收到响应后，会对响应进行解析，并根据响应中的 HTML、CSS、JS 等内容生成 DOM 树和渲染树，最终将页面渲染出来。 6. 断开 TCP 连接：页面渲染完成后，浏览器会向服务器发送 TCP 连接断开请求，进行四次握手，断开 TCP 连接。 总的来说，页面加载过程中包含了 DNS 解析、TCP 连接、HTTP 请求和响应、页面解析渲染等多个步骤，每个步骤都需要经过多个环节，才能最终将页面渲染出来。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值