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

最新推荐文章于 2023-05-12 22:57:04 发布
最新推荐文章于 2023-05-12 22:57:04 发布
阅读量111 收藏
点赞数
分类专栏： 读书有感
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45627127/article/details/103476086
版权

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

  1. 用户输入https://www.madapao.vip
  2. 浏览器通过DNS，把url解析成IP
  3. 和IP地址建立TCP链接，发送HTTP请求
  4. 服务器接收请求，查库，读文件等，拼接好返回的HTTP响应
  5. 浏览器接收到首屏html，开始渲染
  6. 解析html为dom
  7. 解析css为css-tree
  8. dom+css生成render-tree绘图
  9. 加载script的js文件
  10. 执行js
一头秀发炮哥哥
关注
专栏目录
前端经典面试题：在浏览器从输入 URL 到页面加载显示完成的过程？从输入URL到页面加载发生了什么？
南北极之间
06-20 2728
总体来说分为以下几个过程: DNS解析 TCP连接 发送HTTP请求 服务器处理请求并返回HTTP报文 浏览器解析渲染页面 连接结束 具体过程 资料： https://segmentfault.com/a/1190000006879700https://segmentfault.com/a/1190000006879700 ......
从输入URL到页面展示发生了什么？
澄白易的博客
06-19 2368
从输入url按下回车后，我们进入了第一步就是 DNS 解析过程，首先需要找到这个 url 域名的服务器 ip,为了寻找这个 ip，浏览器首先会寻找缓存，查看缓存中是否有记录缓存的查找记录为：浏览器缓存 -> 系统缓存 -> 路由器缓存，缓存中没有则查找系统的 hosts 文件中是否有记录。如果没有缓存则查询 DNS 服务器，得到服务器的 ip 地址后，浏览器根据这个 ip 以及相应的端口号发送连接请求；如果DNS服务器中没有解析成功，他会向上一步获得的顶级DNS服务器发送解析请求。这个连接请求到达服务器端后
从输入url到页面完成加载发生了什么（完整版）
程序员小明1024
10-06 6169
.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到页面加载完成都发生了什么？(1)
superyuan567的博客
03-01 2147
题目：从输入url到页面加载完成都发生了什么？ 这个过程是十分复杂的，我也是看了很多文章后过来总结一下看到的内容。先贴出这篇博客，总结的很好，也很全面。 整个过程大致可以分为几下几个阶段： 1. DNS域名解析 2. 客户端和服务器建立TCP连接 3. 客户端发送 HTTP请求 4. 服务器处理请求返回HTTP响应 5. 浏览器解析和渲染页面 6. 关闭连接 接下来会详细讲解一下这几大过程。 1....
从输入 URL 到页面加载完成中间都经历了什么
luoluoxx0115的博客
11-23 7463
目录概述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到加载完页面发生了什么？
CC_Together的博客
04-17 4022
我愿称之为绝杀面试题，计算机网络方面的知识甚至浏览器的渲染机制，同时考察知识面的广度和深度，面试官问这一个题就足以探清你这方面知识的掌握情况。另一方面了解这其中的细节，对于前端优化来说也至关重要，本文也只能尽自己所了解到的进行总结。
经典笔试题：一个页面从输入URL到页面加载显示完成，这个过程都发生什么？
weixin_45295262的博客
11-08 1758
笔记是我自己总结的，不对的地方多多指出~ 整体过程： 1.首先，在浏览器地址栏输入url,回车 2.根据Url,浏览器先查看浏览器缓存-系统缓存-路由缓存…，如果缓存中有，会从缓存中读取并显示，若没有，则跳到第三步 3.在发送http请求前，先进行DNS域名解析，获取访问的IP地址 4.浏览器向服务器发起tcp连接，与浏览器建立tcp三次握手。 5.握手成功后，浏览器和服务器已经建立了通信，浏览器向服务器发送http请求，请求数据包。 6.服务器接收到请求，处理请求并返回url指定数据给浏览器。 7.浏览器
浏览器输入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到页面加载完成都经历了什么/一个完整的URL解析过程详细介绍
snowball的博客
05-12 2555
如果本地没有缓存该域名的IP地址，就需要通过递归或迭代的方式向根域名服务器、顶级域名服务器、权威域名服务器发起查询请求，直至返回一个IP地址给浏览器。IP地址就像是一个街道，让你直到具体在哪个街道（哪个主机），端口号就像是门牌号，告诉你是哪家（哪个进程）如果浏览器没有缓存，电脑会查看本地操作系统的缓存，如果有记录，直接返回结果（host文件）浏览器会首先查看自身的缓存，如果浏览器缓存中有对应的解析记录，直接返回结果。协议是从该计算机获取资源的方式，常见的是HTTP，HTTPS，FTP等。
从输入url到页面加载完成发生了什么
田兴的博客
01-03 3655
从输入url到页面加载完成发生了什么详解 这是一道经典的面试题，这道题没有一个标准的答案，它涉及很多的知识点，面试官会通过这道题了解你对哪一方面的知识比较擅长，然后继续追问看看你的掌握程度。当然我写的这些也只是我的一些简单的理解，从前端的角度出发，我觉得首先回答必须包括几个基本的点，然后在根据你的理解深入回答。 1、浏览器的地址栏输入URL并按下回车。 2、浏览器查找当前URL是否存在缓存，并比较...
概述一个页面从输入URL到页面加载完的过程
11-29
总的来说，从输入URL到页面加载完毕，涉及到域名解析、TCP连接建立、HTTP通信等多个层面的网络活动，每个环节都是保证我们能够顺利浏览网页的关键步骤。了解这些流程有助于我们更好地理解和优化网页的加载速度及用户...
浏览器从输入 URL 到页面加载显示完成，这个过程中都发生了什么？
dou_xiaobao的博客
09-11 2422
浏览器从我们输入 URL 到页面加载显示完成展示出我们想看到的结果页面和功能，中间主要经历了以下几个步骤，概括为： (DNS解析）=> ① (TCP连接:三次握手) => ② (发送HTTP请求) => ③ (服务器处理请求并返回HTTP报文) => ④ (浏览器解析渲染页面) => ⑤ (连接结束：四次挥手) => ⑥ 具体每个步骤的详解如下： 1、浏览器根据请求的URL交给DNS域名解析，找到真实IP。 DNS（Domain
从浏览器输入网址(URL)，到最终展示页面，都发生了什么？
CYK_byte的博客
11-01 3652
从（如下图）到你按下回车，再到最后出现这个网页界面（如下图）中间到底发生了什么？接下来就带你一步步进行解析~
各种函数声明和定义模块
最新发布
09-16
各种函数声明和定义模块
湖北工业大学在河南2021-2024各专业最低录取分数及位次表.pdf
09-16
全国各大学在河北2021-2024年各专业最低录取分数及录取位次数据，高考志愿必备参考数据
1805.06605v2 DEFENSE-GAN.pdf
09-16
1805.06605v2 DEFENSE-GAN.pdf
【语音去噪】FIR和IIR低通+带通+高通语音信号滤波（含时域频域分析）【含Matlab源码 4943期】.mp4
09-16
Matlab领域上传的视频均有对应的完整代码，皆可运行，亲测可用，适合小白； 1、代码压缩包内容 主函数：main.m； 调用函数：其他m文件；无需运行 运行结果效果图； 2、代码运行版本 Matlab 2019b；若运行有误，根据提示修改；若不会，私信博主； 3、运行操作步骤 步骤一：将所有文件放到Matlab的当前文件夹中； 步骤二：双击打开main.m文件； 步骤三：点击运行，等程序运行完得到结果； 4、仿真咨询 如需其他服务，可私信博主或扫描视频QQ名片； 4.1 博客或资源的完整代码提供 4.2 期刊或参考文献复现 4.3 Matlab程序定制 4.4 科研合作 语音处理系列程序定制或科研合作方向：语音隐藏、语音压缩、语音识别、语音去噪、语音评价、语音加密、语音合成、语音分析、语音分离、语音处理、语音编码、音乐检索、特征提取、声源定位、情感识别、语音采集播放变速等；
java-ssm+jsp幼儿园管理系统实现源码(项目源码-说明文档)
09-16
管理员成功登录后台管理界面，选择“教师管理”，出现教师列表。在教师管理页面，管理员可以添加、修改、查询及删除教师信息。 项目关键技术 开发工具：IDEA 、Eclipse 编程语言: Java 数据库: MySQL5.7+ 后端技术：ssm 前端技术：jsp 关键技术：jsp、spring、ssm、MYSQL、MAVEN 数据库工具：Navicat、SQLyog
hadoop_3_2_0-yarn-resourcemanager-3.3.4-1.el7.x86_64.rpm
09-16
Ambari+Bigtop 一站式编译和部署解决方案 https://gitee.com/tt-bigdata/ambari-env
输人url到页面加载完成发生了什么?
06-11
在用户输入 URL 地址到页面加载完成的过程中，大致可以分为以下几个步骤： 1. DNS 解析：浏览器会先检查本地 DNS 缓存中是否有该域名对应的 IP 地址，如果没有则向 DNS 服务器发送请求，获取域名对应的 IP 地址。 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值