一个页面从输入 URL 到页面加载显示完成，这个过程中都发生了什么？

最新推荐文章于 2024-10-08 17:48:41 发布
最新推荐文章于 2024-10-08 17:48:41 发布
阅读量224 收藏
点赞数 1
文章标签： 前端 javascript Powered by 金山文档
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/GW05431/article/details/128743582
版权
浏览器首先通过DNS查询找到IP地址，然后发送HTTP请求并可能经历重定向。服务器处理请求并返回HTML，浏览器构建DOM树并加载额外资源，最终显示完整页面。异步请求也在这个过程中可能发生。
摘要由CSDN通过智能技术生成

  1. 浏览器查找域名对应的IP地址(DNS 查询：浏览器缓存->系统缓存->路由器缓存->ISP DNS 缓存->根域名服务器)

  1. 浏览器向 Web 服务器发送一个 HTTP 请求（TCP三次握手）

  1. 服务器 301 重定向

  1. 浏览器跟踪重定向地址，请求另一个带 www 的网址

  1. 服务器处理请求（通过路由读取资源）

  1. 服务器返回一个 HTTP 响应（报头中把 Content-type 设置为 'text/html'）

  1. 浏览器进 DOM 树构建

  1. 浏览器发送请求获取嵌在 HTML 中的资源（如图片、音频、视频、CSS、JS等）

  1. 浏览器显示完成页面

  1. 浏览器发送异步请求

夠籦
关注
一个页面从输入URL到页面加载显示完成，这个过程中都发生了什么？
liuhao9999的博客
03-22 3309
整个过程可分为4个步骤。 （1）当发送一个URL请求时，不管这个URL是Web页面的URL还是Web页面上毎个资源的URL，浏览器都会开启一个线程来处理这个请求，同时在远程DNS服务器上启动一个DNS查询。这能使浏览器获得请求对应的IP地址。 （2）浏览器与远程Web服务器通过TCP三次握手协商来建立一个TCPP连接。该握手包括一个同步报文、一个同步-应答报文和一个应答报文，这3个报文在浏览器和服务器之间传递。该握手首先由客户端尝试建立起通信，然后服务器应答并接受客户端的请求，最后由客户端发出已经接受该
浏览器从输入 URL 到页面加载显示完成，这个过程中都发生了什么？
dou_xiaobao的博客
09-11 2433
浏览器从我们输入 URL 到页面加载显示完成展示出我们想看到的结果页面和功能，中间主要经历了以下几个步骤，概括为： (DNS解析）=> ① (TCP连接:三次握手) => ② (发送HTTP请求) => ③ (服务器处理请求并返回HTTP报文) => ④ (浏览器解析渲染页面) => ⑤ (连接结束：四次挥手) => ⑥ 具体每个步骤的详解如下： 1、浏览器根据请求的URL交给DNS域名解析，找到真实IP。 DNS（Domain
经典笔试题：一个页面从输入URL到页面加载显示完成，这个过程都发生什么？
weixin_45295262的博客
11-08 1765
笔记是我自己总结的，不对的地方多多指出~ 整体过程： 1.首先，在浏览器地址栏输入url,回车 2.根据Url,浏览器先查看浏览器缓存-系统缓存-路由缓存…，如果缓存中有，会从缓存中读取并显示，若没有，则跳到第三步 3.在发送http请求前，先进行DNS域名解析，获取访问的IP地址 4.浏览器向服务器发起tcp连接，与浏览器建立tcp三次握手。 5.握手成功后，浏览器和服务器已经建立了通信，浏览器向服务器发送http请求，请求数据包。 6.服务器接收到请求，处理请求并返回url指定数据给浏览器。 7.浏览器
一个页面从输入 URL 到页面加载显示完成，这个过程中都发生了什么
娃娃鱼的博客
04-12 595
从用户在浏览器中输入URL到页面加载显示完成，整个过程涉及多个步骤，包括域名解析、TCP连接建立、HTTP请求与响应、页面渲染等。
一个页面从输入URL到页面加载显示完成，这个过程都发生什么？
xiaoxiaofly的博客
08-16 860
一般会经历以下几个过程： 1、首先，在浏览器地址栏中输入url 2、浏览器先查看浏览器缓存-系统缓存-路由器缓存，如果缓存中有，会直接在屏幕中显示页面内容。若没有，则跳到第三步操作。 3、在发送http请求前，需要域名解析(DNS解析)，解析获取相应的IP地址。 4、浏览器向服务器发起tcp连接，与浏览器建立tcp三次握手。 5、握手成功后，浏览器向服务器发送http请求，请求数据包。 ...
HTTP 一个页面从输入URL 到页面加载显示完成，这个过程中都发生了什么？
ii窝窝头的博客
02-18 661
HTTP 一个页面从输入URL 到页面加载显示完成，这个过程中都发生了什么？ 一个页面从输入URL 到页面加载显示完成，这个过程中都发生了什么？     详细版     1、浏览器会开启一个线程来处理这个请求，对URL 分析判断如果是 http 协议就按照 Web 方式来处理;     2、调用浏览器内核中的对应方法，比如 WebView 中的 loadUrl 方法;     3、通...
经典面试题-----从输入url到页面加载完成都发生了什么？(1)
superyuan567的博客
03-01 2156
题目：从输入url到页面加载完成都发生了什么？ 这个过程是十分复杂的，我也是看了很多文章后过来总结一下看到的内容。先贴出这篇博客，总结的很好，也很全面。 整个过程大致可以分为几下几个阶段： 1. DNS域名解析 2. 客户端和服务器建立TCP连接 3. 客户端发送 HTTP请求 4. 服务器处理请求返回HTTP响应 5. 浏览器解析和渲染页面 6. 关闭连接 接下来会详细讲解一下这几大过程。 1....
从输入url到页面完成加载发生了什么（完整版）
程序员小明1024
10-06 6189
.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 到页面加载完的过程中都发生了什么事情？
Jour的博客
05-28 553
最能考察广度、深度的一道面试题答案
从输入 URL 到页面加载完成中间都经历了什么
luoluoxx0115的博客
11-23 7482
目录概述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到页面加载显示完成 浏览器渲染过程 三次握手四次挥手
丰的博客
04-22 1279
一个页面从输入URL到页面加载显示完成 浏览器渲染过程 三次握手四次挥手 一个页面从输入 URL 到页面加载显示完成，这个过程中都发生了什么？ 总体来说分为以下几个过程:1. DNS解析 2. TCP连接 3. 发送HTTP请求 4. 服务器处理请求并返回HTTP报文 5. 浏览器解析渲染页面 6. 连接结束 详解：1. DNS（Domain Name System，域名...
【Vue】a-radio-group单选框数字与字符串回显问题
叶为正的博客
10-08 64
根据后端接口返回数字或字符串，来配置Ant Design of Vue中a-radio-group单选框的回显问题，注意value中的取值是不一样的。
前端的全栈混合之路Meteor篇：3.0新版本介绍
分享有趣的、贴近生活的CS知识
10-01 1138
Meteor全栈框架3.0版本终于稳定下来了，它的效果约等于webpack+vue+express+socket.io+mongodb+npm+uniapp，学一个搞定全套，值得学习了解下，最后找到适合于自己的技术栈。
Javascript数组研究03_手写实现_fill_filter_find_findIndex_findLast_findLastIndex
qq_33546823的博客
10-03 1228
fill()方法用一个固定值填充一个数组中从起始索引（默认为 0）到终止索引（默认为）内的全部元素。它返回修改后的数组。输入参数value：用来填充数组元素的值。start（可选）：开始填充的位置，默认值为 0，索引处理方法和copyWithin一致。end（可选）：停止填充的位置（不包含该位置），默认值为，索引处理方法和copyWithin方法一致。输出：修改后的原数组。注意事项该方法会改变原数组，是修改方法。对于稀疏数组，空槽也会被value填充。是通用的方法在空数组上不会有任何处理。
前端基础面试题·第四篇——Vue（其二）
最新发布
2301_76380626的博客
10-08 576
路由跳转 接收参数 params传递参数可以用过页面路由对象route的params属性访问到。 2.query传参 query 传参是通过URL的查询字符串来传递参数，这种方式传递的参数是可选的。 这种方式不需要提前配置路由路径，直接在路由跳转时在路径或者配置中传递参数即可。 路由跳转 接收参数 这种方式传递的参数会挂载到页面路由对象route的query对象上。 2. hash和history路由区别 hash路由地址上在路径后面带#号，history路由地址上不带#号. 在
快餐食品检测系统源码分享[一条龙教学YOLOV8标注好的数据集一键训练_70+全套改进创新点发刊_Web前端展示]
m0_73388125的博客
10-08 891
数据集信息展示在本研究中，我们使用了名为“burger detection”的数据集，以改进YOLOv8在快餐食品检测系统中的表现。该数据集专门针对快餐食品的多样性进行设计，涵盖了六个主要类别，分别是：bbq、bread、bun、hotdog、pattty和patty。这些类别的选择不仅反映了快餐食品的常见种类，还考虑到了它们在实际应用中的重要性，尤其是在餐饮行业的食品识别和分类任务中。数据集的构建过程经过精心设计，确保每个类别的样本数量和质量都能满足深度学习模型训练的需求。
昆虫分类与检测系统源码分享[一条龙教学YOLOV8标注好的数据集一键训练_70+全套改进创新点发刊_Web前端展示]
qunshankeji的博客
10-08 796
数据集信息展示在昆虫分类与检测的研究领域，数据集的构建与应用至关重要。本项目采用的数据集名为“Bug Gan”，其设计旨在为改进YOLOv8模型提供丰富的训练素材，以实现更高效的昆虫识别与分类。该数据集包含29个不同的昆虫类别，涵盖了广泛的生物多样性，能够有效支持深度学习模型在复杂环境中的学习与推理。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值