在浏览器地址栏输入地址到页面渲染完成发生了什么？

已于 2023-03-28 09:44:41 修改
阅读量108 收藏
点赞数
文章标签： http 网络 做一个有知识的流氓
于 2020-12-14 15:04:21 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43553701/article/details/111170637
版权

因为有你,这本就不长的一辈子,更短了。

  1. 首先在浏览器URL地址栏输入连接,回车
  2. 浏览器通过DNS解析找到对应的服务器IP地址
    2.1 浏览器dns缓存查找
    2.2 系统dns缓存
    2.3 路由器dns缓存
    2.4 网络运营商dns缓存
    2.5 递归搜寻
  3. 浏览器与对应服务器发生连接 三次握手
    3.1 浏览器告诉服务器 我要请求了
    3.2 服务器告诉浏览器我做好准备了 你请求吧
    3.3 浏览器说 行 那我就请求了
  4. 发生tcp/ip请求
  5. 浏览器发送http请求
  6. 等待服务器发生响应返回数据
  7. 下载html
  8. 解析html
  9. HTML中的资源再次发送请求 四次握手
  10. 时间线
  11. 呈现页面
мо仙堡杠把子灬
关注
从浏览器地址栏输入URL后，到页面渲染出来，整个过程都发生了什么？
Whoopsina的博客
04-26 3154
从一道面试题来看前端页面的生命周期：从浏览器地址栏输入URL后，到页面渲染出来，整个过程都发生了什么？
从浏览器输入地址到页面渲染都经历了哪些过程
qq_53499304的博客
04-24 5163
学习笔记记录
从输入url到页面加载完成发生了什么
田兴的博客
01-03 3695
从输入url到页面加载完成发生了什么详解 这是一道经典的面试题，这道题没有一个标准的答案，它涉及很多的知识点，面试官会通过这道题了解你对哪一方面的知识比较擅长，然后继续追问看看你的掌握程度。当然我写的这些也只是我的一些简单的理解，从前端的角度出发，我觉得首先回答必须包括几个基本的点，然后在根据你的理解深入回答。 1、浏览器的地址栏输入URL并按下回车。 2、浏览器查找当前URL是否存在缓存，并比较...
浏览器输入网址到页面渲染都发生了什么？
非著名程序猿
03-24 274
键入域名比如baidu.com----> 判断缓存是否存在 ----> TCP解析URL中对应的IP ---> 根据IP建立TCP连接（三次握手）---> HTTP发送请求传输数据 ----> 服务器处理请求，返回请求数据 ----> 浏览器渲染页面，构建DOM ----> 构建完成，关闭TCP连接(四次挥手) URL URL 代表着是统一资源定位符 scheme://host.domain:port/path/filename 说明: scheme - 定义
浏览器从输入URL地址到渲染页面都发生了什么？
Colin
12-25 535
1、 用户通过web浏览器输入URL信息 2、 浏览器根据输入的URL信息向DNS服务器查询改域名对应的IP地址 3、 浏览器获得IP地址之后，链接该地址的web服务器，通过HTTP通信 4、 web服务器通过HTTP协议得到信息，执行对应的Web程序并获得执行的内容 5、 web服务器将执行web应用程序得到的HTML、CSS、JS、图像的内容返回给浏览器 6、 web浏览器根据web服务器返回...
HTTP
weixin_43889328的博客
11-20 123
http响应报文的组成 http响应报文由响应行，响应头，响应体三部分组成。 响应行主要包括 响应协议，这个与请求协议对应，比如http, 状态码200 状态码的描述OK 响应头就是一些常见的响应名对应的响应值 响应参数就是我们真正需要的从数据库中取出的数据 http请求方式 HTTP/1.1协议中共定义了八种方法，来表明Request-URL指定的资源不同的操作方式。 HTTP/1.0定义了三种请求方法：GET、POST、和HEAD方法 HTTP/1.1新增了五种方法：OP
从浏览器地址栏输入url到显示页面的步骤
php_martin的博客
07-12 683
从浏览器地址栏输入url到显示页面的步骤
在浏览器输入URL回车之后发生了什么？（超详细版）
01-07
这篇笔记是我这两天看了数十篇文章总结出来的，所以相对全面一点，但由于我是做前端的，所以会比较重点分析浏览器渲染页面那一部分，至于其他部分我会罗列出关键词，感兴趣的可以自行查阅， 注意：本文的步骤是建立...
【前端小记】-- 浏览器--3.在地址栏里输入一个 URL，到这个页面呈现出来，中间会发生什么
am_xiao_hui的博客
12-05 613
简单理解这个过程： 用户输入url—>浏览器解析url—>浏览器发送请求—>服务端返回数据—>浏览器渲染页面那么是它是怎么找到相应服务器的呢？找到之后又是怎么把我们需要的数据返回给我们，并呈现在页面上的呢？用户输入url后，浏览器会先去看缓存（浏览器缓存–>系统缓存–>路有缓存）中有没有这个url，如果有会直接在屏幕中显示url对应的页面内容 1、浏览器缓存（可见上篇浏览器的缓存机制）：如果在之前对该url指定的主机进行过访问，浏览器会缓存该主机的IP一段时间（该时间浏览器指定），所以第一步会去找浏览器缓存
在浏览器地址栏输入地址到页面渲染完成返回中发生了什么
weixin_47701015的博客
06-15 274
Http详解 当我们在浏览器网址中输入一个地址，点击回车后发生了什么？分为两种情况，http事务和https事务。先讲http事务： 1、浏览器（客户端）进行了地址解析。 2、将解析出的域名进行dns解析。 3、通过ip寻址和arp，找到目标（服务器）地址。 4、进行tcp三次握手，建立tcp连接。 5、浏览器发送数据，等待服务器响应。 6、服务器处理请求，并对请求做出响应。 7、浏览器收到服务器响应，得到html代码。 8、渲染页面。 通过以上这些步骤，就完成了一次完整的http事务。
浏览器地址栏输入url到页面渲染发生了什么
Sun_yiping的博客
11-25 219
关于从浏览器的地址栏输入url地址到服务器返回响应再到页面加载这一过程是如何的呢？ 地址栏输入url… 1.首先进行DNS域名解析（url地址是与实际要找的IP地址向映射） 1） 浏览器缓存 当用户通过浏览器访问某域名时，浏览器首先会在自己的缓存中查找是否有该域名对应的IP地址（若曾经访问过该域名且没有清空缓存便存在）； 2） 系统缓存 当浏览器缓存中无域名对应IP则会自动检查用户计算机系统Hosts文件DNS缓存是否有该域名对应IP； 3） 路由器缓存 当浏览器及系统缓存中均无域名对应IP则进入路由器缓存
浏览器输入url到渲染页面经历了什么
cmdos的专栏
03-15 69
浏览器输入url到渲染页面经历了什么三个方面：网络篇:构建请求查找强缓存DNS解析建立TCP连接(三次握手)发送HTTP请求(网络请求后网络响应)浏览器解析篇:解析html构建DOM树解析css构建CSS树、样式计算生成布局树(Layout Tree)浏览器渲染篇:建立图层树(Layer Tree)生成绘制列表生成图块并栅格化显示器显示内容最后断开连接：TCP 四次挥手(浏览器会将各层的信息发送给GPU,GPU会将各层合成,显示在屏幕上)总结输 山东红色教育培训 www.shganxun.cn 入urlDN
从输入url到渲染页面，浏览器到底发生了什么
qitiandada的博客
04-22 264
从输入url到渲染页面， 浏览器到底发生了什么 首先这是一个全过程分析 图 然后 再来分析一下第一步 解析url地址 输入url地址以后 ，他会先从缓存中找对应的ip地址，如果没有找到就会进行DNS解析，会进行本地域名服务器进行查找， 当以上均未完成，则会由本地DNS开始进行迭代查询： 向根域名服务器查询，得到顶级域名服务器的IP地址 向顶级域名服务器查询，得到权威域名服务器的IP地址 向权威...
页面从输入URL到渲染都发生了什么
Eleuuuuy的博客
04-07 236
DNS解析 TCP连接 发送HTTP请求 服务器处理请求并返回结果 浏览器解析并渲染页面 DNS解析 全称 Domain Name System 域名系统
从输入url到页面渲染完成，发生了什么？（包括回流和重绘）
zhm0303的博客
02-02 439
一，渲染过程 1，在地址栏输入url后，浏览器会先在历史记录中进行匹配，以便用户补全地址 2，进行DNS解析，将域名解析成对应的ip地址 3，拿到ip地址后与服务器连接也就是“三次握手” 第一次握手，浏览器向服务器发送连接请求 第二次握手，服务器接收到浏览器的连接请求，回复ACK报文，并未本次连接分配资源 第三次握手，浏览器接收ACK报文，并分配资源 4，浏览器解析拿到的资源 将html解析为DOM tree 将css解析为...
从浏览器输入一个地址到渲染出网页这个过程发生了什么？？？
weixin_30632883的博客
12-11 133
1. 了解URL： 其中：登录信息 查询字符串 服务器端口号 文件路径 片段标识符可选， 如果没有的就是默认配置。2．DNS解析服务 计算机需要将域名理解为IP地址， 这个时候就需要DNS解析服务来提供帮助，主要遵循如下查找过程： 浏览器缓存-浏览器会保存DNS记录，每个 系统缓存-如果再浏览器缓存里面没有找到记录，则在系统缓存中获取。 路由器缓存...
如果有人问，从输入URL到页面展示，这中间发生了什么？
小青蛙的博客
06-08 419
“在浏览器里，从输入 URL 到页面展示，这中间发生了什么？ ” 这是一道经典的面试题，能比较全面地考察应聘者知识的掌握程度，其中涉及到了网络、操作系统、Web 等一系列的知识。所以我在面试应聘者时也必问这道题，但遗憾的是大多数人只能回答其中部分零散的知识点，并不能将这些知识点串联成线，无法系统而又全面地回答这个问题。 从输入 URL 到页面展示完整流程示意图： 从图中可以看出，整个过程需要各个进程之间的配合，所以在开始正式流程之前，我们还是先来快速回顾下浏览器进程、渲染进程和网络进程的主要职责。 浏览
浏览器从输入URL到页面渲染加载的过程（浏览器知识体系整理）
最新发布
铁锤妹妹的博客
05-10 6471
记得最开始学前端知识时，是一点一点的积累，一个知识点一个知识点的攻克。 就这样，虽然在很长一段时间内积累了不少的知识，但是，总是无法将它串联到一起。每次梳理时都是很分散的，无法保持思路连贯性。
从输入URL到渲染的过程中到底发生了什么？
loveX001的博客
10-04 1005
通过阅读本文，相信小伙伴们对从输入URL到页面渲染的过程有了一个大概的理解。其实整个过程是很复杂也比较繁琐的，不是一篇文章或者几张图就可以囊括的，在这有很多细节不便展开，有兴趣的小伙伴可以对这个过程中的一些细节深入研究研究哦！文章中肯定会有些说的不是很清楚的地方，恳请各位大佬不吝赐教，一起成长！
简述一下从url输入到地址栏，到页面渲染完成都做了什么？
04-04
1. 输入URL：用户在浏览器地址栏中输入URL（Uniform Resource Locator）。 2. DNS解析：浏览器向本地DNS服务器发送域名解析请求，获取服务器IP地址。 3. 建立TCP连接：浏览器与服务器建立TCP连接，通过三次握手协议确认连接。 4. 发送请求：浏览器向服务器发送HTTP请求，请求包括请求头和请求体。 5. 服务器响应：服务器接收请求，返回HTTP响应，响应包括响应头和响应体。 6. 页面渲染：浏览器开始解析HTML文件，构建DOM树，解析CSS样式，生成渲染树，执行JavaScript脚本，并将所有内容绘制到页面上，最终呈现给用户。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值