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

最新推荐文章于 2024-05-27 14:52:30 发布
最新推荐文章于 2024-05-27 14:52:30 发布
阅读量79 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36453449/article/details/88063880
版权
本文详细介绍了从输入URL到页面加载的整个过程，包括DNS解析、TCP连接、HTTP请求、服务器响应、浏览器解析文件及断开连接。通过DNS递归查询找到IP，接着建立TCP三次握手，发送HTTP请求并接收响应，浏览器解析HTML、CSS和JS，最终渲染页面。在HTTP/1.1中，通常使用持久连接优化请求耗时。
摘要由CSDN通过智能技术生成

处于无聊，为加深印象，翻阅资料后, 抄写一份.
大概过程分为以下几个步骤
1、DNS解析
2、TCP链接
3、发送HTTP请求
4、服务器响应HTTP请求
5、浏览器解析文件
6、断开链接

具体为

  1. DNS解析
    域名系统 简称 DNS (Domain Name system)，是互联网的一项服务， 因为每一个计算机在互联网上面的唯一标识是自己的 IP 地址。 但是 IP 地址不太方便记忆， 人们更倾向于用英文 网址( 域名 ) 来寻找其他计算机， 所以设计者就通过 DNS， 将域名和IP地址互相映射成一个分布式的数据库， 我们的 DNS解析 主要就是为了把我们在地址栏输入的域名 比如 www.baidu.com 转换成 IP 地址，
    DNS的解析是一个递归查询的过程。
    在这里插入图片描述
    可以把从输入www.baidu.com 到 拿到IP地址 按照上图分解为以下几个步骤
    1、首先会查找自身的缓存是否有当前域名对应的IP 。 查找缓存的顺序为 浏览器缓存 -> 操作系统缓存 -> 路由器缓存. 统称为本地缓存.
    2、在缓存里都找不到的话 会根本域名去寻找相应的域名服务商， 比如 www.

最低0.47元/天 解锁文章
给不给华强面子
关注
从输入 URL 到页面加载完成中间都经历了什么
luoluoxx0115的博客
11-23 7487
目录概述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到页面加载完成发生了什么？
ThinPikachu的博客
01-31 634
从输入URL到页面加载完成发生了什么？ 笼统的说发生了以下这些步骤： 浏览器的地址栏输入URL并按下回车。 浏览器查找当前URL是否存在缓存，并比较缓存是否过期。 DNS解析URL对应的IP。 根据IP建立TCP连接（三次握手）。 HTTP发起请求。 服务器处理请求，浏览器接收HTTP响应。 渲染页面，构建DOM树。 关闭TCP连接（四次挥手）。 1.浏览器的地址栏输入URL并按下回车 拓展内容：什么是URL？  我们常见的RUL是这样的:http://www.baidu.com。.
从输入URL到页面加载的全过程
Niucode的博客
05-27 286
输入URL到页面加载全过程的步骤。
从输入url到页面完成加载发生了什么（完整版）
程序员小明1024
10-06 6191
.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到页面加载过程发生了什么
徐海东的博客
09-19 318
首先用户在浏览器中输入域名，操作系统会检查浏览器缓存和本地的hosts文件中，是否有这个域名记录，有的话就从记录中找到对应的IP地址，完成域名解析。
从输入url到页面加载的完整过程
a576837179的博客
03-05 230
从输入url到页面加载的完整过程
浏览器从输入URL到页面加载完成都发生了什么
亚洲的博客
03-11 197
当面试官问道浏览器从输入URL到页面加载完成都发生了什么？ 答： 浏览器地址栏输入URL并按下回车 浏览器查找当前URL是否存在缓存，缓存是否过期 DNS解析URL对应的IP 根据IP建立TCP连接（三次握手） HTTP发起请求 服务器处理请求，浏览器接收HTTP响应 渲染页面，构建DOM树 关闭TCP连接（四次挥手） ...
从输入 URL 到页面加载完成的过程中都发生了什么事情？
画龍丶的博客
01-06 488
原文：从输入 URL 到页面加载完成的过程中都发生了什么事情？ 附带：一篇非常古老的浏览器原理剖析 这个大佬讲的太详细了（从键盘和触摸屏开始），我就捡了一些自己能看懂得来写 1. 从输入框到敲回车 操作系统 GUI 将输入事件传递到了浏览器中，在这过程中，浏览器可能会做一些预处理，比如 Chrome 会根据历史统计来预估所输入字符对应的网站，比如输入了「ba」，根据之前的历史发现 90% 的概率会访问「www.baidu.com 」，因此就会在输入回车前就马上开始建立 TCP 链接甚至渲染了，这里面还有很多
从输入URL到页面展示发生了什么？
澄白易的博客
06-19 2404
从输入url按下回车后，我们进入了第一步就是 DNS 解析过程，首先需要找到这个 url 域名的服务器 ip,为了寻找这个 ip，浏览器首先会寻找缓存，查看缓存中是否有记录缓存的查找记录为：浏览器缓存 -> 系统缓存 -> 路由器缓存，缓存中没有则查找系统的 hosts 文件中是否有记录。如果没有缓存则查询 DNS 服务器，得到服务器的 ip 地址后，浏览器根据这个 ip 以及相应的端口号发送连接请求；如果DNS服务器中没有解析成功，他会向上一步获得的顶级DNS服务器发送解析请求。这个连接请求到达服务器端后
概述一个页面从输入URL到页面加载完的过程
11-29
总的来说，从输入URL到页面加载完毕，涉及到域名解析、TCP连接建立、HTTP通信等多个层面的网络活动，每个环节都是保证我们能够顺利浏览网页的关键步骤。了解这些流程有助于我们更好地理解和优化网页的加载速度及用户...
浏览器从输入 URL 到页面加载显示完成，这个过程中都发生了什么？
dou_xiaobao的博客
09-11 2440
浏览器从我们输入 URL 到页面加载显示完成展示出我们想看到的结果页面和功能，中间主要经历了以下几个步骤，概括为： (DNS解析）=> ① (TCP连接:三次握手) => ② (发送HTTP请求) => ③ (服务器处理请求并返回HTTP报文) => ④ (浏览器解析渲染页面) => ⑤ (连接结束：四次挥手) => ⑥ 具体每个步骤的详解如下： 1、浏览器根据请求的URL交给DNS域名解析，找到真实IP。 DNS（Domain
【水果识别】基于matlab GUI形态学水果大小识别【含Matlab源码 920期】.md
10-15
CSDN Matlab武动乾坤上传的资料均有对应的代码，代码均可运行，亲测可用，适合小白； 1、代码压缩包内容 主函数：main.m； 调用函数：其他m文件；无需运行 运行结果效果图； 2、代码运行版本 Matlab 2019b；若运行有误，根据提示修改；若不会，私信博主； 3、运行操作步骤 步骤一：将所有文件放到Matlab的当前文件夹中； 步骤二：双击打开main.m文件； 步骤三：点击运行，等程序运行完得到结果； 4、仿真咨询 如需其他服务，可私信博主或扫描博客文章底部QQ名片； 4.1 博客或资源的完整代码提供 4.2 期刊或参考文献复现 4.3 Matlab程序定制 4.4 科研合作 图像识别：表盘识别、车道线识别、车牌识别、答题卡识别、电器识别、跌倒检测、动物识别、发票识别、服装识别、汉字识别、红绿灯识别、火灾检测、疾病分类、交通标志牌识别、口罩识别、裂缝识别、目标跟踪、疲劳检测、身份证识别、人民币识别、数字字母识别、手势识别、树叶识别、水果分级、条形码识别、瑕疵检测、芯片识别、指纹识别
【瑕疵检测】基于matlab瓶盖瑕疵检测【含Matlab源码 730期】.md
10-15
CSDN Matlab武动乾坤上传的资料均有对应的代码，代码均可运行，亲测可用，适合小白； 1、代码压缩包内容 主函数：main.m； 调用函数：其他m文件；无需运行 运行结果效果图； 2、代码运行版本 Matlab 2019b；若运行有误，根据提示修改；若不会，私信博主； 3、运行操作步骤 步骤一：将所有文件放到Matlab的当前文件夹中； 步骤二：双击打开main.m文件； 步骤三：点击运行，等程序运行完得到结果； 4、仿真咨询 如需其他服务，可私信博主或扫描博客文章底部QQ名片； 4.1 博客或资源的完整代码提供 4.2 期刊或参考文献复现 4.3 Matlab程序定制 4.4 科研合作 图像识别：表盘识别、车道线识别、车牌识别、答题卡识别、电器识别、跌倒检测、动物识别、发票识别、服装识别、汉字识别、红绿灯识别、火灾检测、疾病分类、交通标志牌识别、口罩识别、裂缝识别、目标跟踪、疲劳检测、身份证识别、人民币识别、数字字母识别、手势识别、树叶识别、水果分级、条形码识别、瑕疵检测、芯片识别、指纹识别
Shapely-1.6.4.post2-cp35-cp35m-win_amd64.whl
10-15
Shapely-1.6.4.post2-cp35-cp35m-win_amd64.whl
Apache Flink CEP复杂事件处理详解及实战案例
10-15
内容概要：本文详细介绍了Apache Flink的FlinkCEP模块，讲解了其安装配置、事件流处理基础及其应用场景，其中包括电商欺诈检测、网络监控、实时交易系统的模式匹配以及社交媒体趋势分析的具体实现。通过多个实战示例演示了如何利用正则表达式定义复杂模式并在大数据流中识别有用的事件序列，适用于需要从实时数据流中挖掘价值的多种场景。 适用人群：具备一定大数据处理经验的研发人员、架构师以及相关领域的研究人员和技术爱好者。 使用场景及目标：针对金融反欺诈、网络安全、高频交易、物联网数据分析等领域，实现复杂事件模式的实时监测和处理。 其他说明：本文提供了大量的实践代码样本，旨在引导读者掌握Flink CEP的实际应用技巧。
SSM+JSP在线网课管理系统答辩PPT.pptx
最新发布
10-15
计算机毕业设计答辩PPT
稳压罐sw16_三维3D设计图纸.zip
10-15
稳压罐sw16_三维3D设计图纸.zip
英语知识应用网站 JAVA毕业设计 源码+数据库+论文 Vue.js+SpringBoot+MySQL.zip
10-15
英语知识应用网站 JAVA毕业设计 源码+数据库+论文 Vue.js+SpringBoot+MySQL 系统启动教程：https://www.bilibili.com/video/BV11ktveuE2d
浏览器从输入url到页面加载的全过程
04-06
6. 页面加载完成：当页面所有资源（如HTML、CSS、JS文件、图片等）都加载完成后，页面加载完毕。 在此过程中，还有一些其他的优化技术，如缓存机制、预加载、DNS预解析、HTTP请求合并等，可以提高页面加载速度和...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值