从一个url地址到最终页面渲染完成，发生了什么

已于 2024-03-18 23:10:15 修改
阅读量239 收藏
点赞数
分类专栏： http 面试题 文章标签： 前端
于 2019-10-24 11:39:02 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_38066007/article/details/102718913
版权
本文详细介绍了从用户输入URL到页面最终渲染完成的全过程，包括DNS解析、TCP连接、发送请求、接收响应、渲染页面及断开连接。在渲染阶段，涉及DOM树构建、样式计算、布局计算以及图层绘制和栅格化。浏览器会根据内容类型判断是下载还是显示HTML，不同Content-Type导致处理流程不同。此外，浏览器还会根据站点策略决定是否复用渲染进程。整个过程涉及多个步骤和交互，确保页面正确呈现。
摘要由CSDN通过智能技术生成

1、DNS解析，将域名地址解析为ip地址

      -- 读取浏览器DNS缓存

      -- 读取系统DNS缓存

      -- 读取路由器DNS缓存

      --  读取网络运营商DNS缓存

      --  递归搜索：blog.baidu.com

             -- .com 域名下查找DNS解析

            --  .baidu 域名下查找DNS解析

            --   blog 域名下查找DNS解析

            --   出错了

2、TCP连接：TCP三次握手

      --  第一次握手：由浏览器发起，告诉服务器我要发送请求了

      --  第二次握手：由服务器发起，告诉浏览器我准备接收了，你赶紧发送吧

      --  第三次握手：由浏览器发起，告诉服务器，我马上就发了，准备接收吧

3、发送请求

      --  请求报文：HTTP协议的通信内容

4、接收响应

      --  响应报文：

5、渲染页面

      --   遇见HTML标记，浏览器调用HTML解析器，解析成token，并构建成dom树

      --   遇见s

了解本专栏 订阅专栏 解锁全文 超级会员免费看
沿着路走到底
关注
专栏目录
订阅专栏
面试官：从浏览器输入URL到页面展示出来，中间发生了什么？
小识的博客
09-08 3384
前言 这应该算是一个很经典的面试题了，前端工程师，后端工程师，包括网络工程师都有可能被问到。开放度很高，每个人都可以针对自己熟悉的部分，进行深入的讲解。 总体来说，分为如下几个部分 1.DNS解析 2.建立TCP连接，发送HTTP请求 3.服务端处理请求并返回HTTP响应 4.浏览器解析渲染页面 5.关闭连接 DNS解析 DNS解析就是获取服务器IP地址的过程。互联网上每一台计算机的唯一标识是它的IP地址，但是IP地址并不方便记忆。用户更喜欢用方便记忆的网址去寻找互联网上的其它计算机，例如www.baid.
从浏览器输入网址(URL)，到最终展示页面，都发生了什么？
CYK_byte的博客
11-01 3693
从（如下图）到你按下回车，再到最后出现这个网页界面（如下图）中间到底发生了什么？接下来就带你一步步进行解析~
如果有人问，从输入URL到页面展示，这中间发生了什么？
小青蛙的博客
06-08 412
“在浏览器里，从输入 URL 到页面展示，这中间发生了什么？ ” 这是一道经典的面试题，能比较全面地考察应聘者知识的掌握程度，其中涉及到了网络、操作系统、Web 等一系列的知识。所以我在面试应聘者时也必问这道题，但遗憾的是大多数人只能回答其中部分零散的知识点，并不能将这些知识点串联成线，无法系统而又全面地回答这个问题。 从输入 URL 到页面展示完整流程示意图： 从图中可以看出，整个过程需要各个进程之间的配合，所以在开始正式流程之前，我们还是先来快速回顾下浏览器进程、渲染进程和网络进程的主要职责。 浏览
2024好看的地址发布页HTML源码
最新发布
CSDN专家-微编程的博客
08-14 1108
2024好看的地址发布页网站源码，气泡缓缓升起特效，内容区域采用卡片式风格，源码由HTML+CSS+JS组成，记事本打开源码文件可以进行内容文字之类的修改，双击html文件可以本地运行效果。
在地址栏里输入一个 URL后,按下 Enter 到这个页面呈现出来，中间会发生什么？...
weixin_30349597的博客
08-18 290
这是一个面试高频的问题 在输入 URL 后，首先需要找到这个 URL 域名的服务器 IP,为了寻找这个 IP，浏览器首先会寻找缓存，查看缓存中是否有记录，缓存的查找记录为：浏览器缓存 ->系统缓存 -> 路由器缓存，缓存中没有则查找系统的 hosts 文件中是否有记录，如果没有则查询 DNS 服务器，得到服务器的 IP 地址后，浏览器根据这个 IP 以及相应的端口号，构造...
在地址栏里输入一个URL,到这个页面呈现出来,中间会发生什么？
文摘资讯
09-07 646
输入url后，首先需要找到这个url域名的服务器ip,为了寻找这个ip，浏览器首先会寻找缓存，查看缓存中是否有记录。缓存的查找记录为：浏览器缓存>系统缓存>路...
老生常谈-从输入url到页面展示到底发生了什么
adn34322的博客
03-30 661
抄来方便自己查看 www.cnblogs.com/xianyulaodi/p/6547807.html 阅读目录 1、输入地址 2、浏览器查找域名的 IP 地址　　 3、浏览器向 web 服务器发送一个 HTTP 请求 ...
从输入一个URL地址到浏览器完成渲染的整个过程
Bald_monster的博客
09-25 1549
从输入一个URL地址到浏览器完成渲染的整个过程 1. 浏览器地址输入URL并回车 2. 浏览器查找当前URL是否存在缓存，并比较缓存是否过期 3. DNS解析URL对应的IP DNS解析实际上就是寻找你所需要的资源的过程。假设你输入 www.baidu.com ，而这个网站并不是百度的真实地址，互联网中的每一台机器都有唯一标识的IP地址，这个才是关键，但是它并不好记，所有就需要一个网址和IP地址转换，也就是DNS解析 具体解析： ​ 输入网址后，首先在本地的域名服务器中查找，没找到去根
从浏览器地址栏输入URL后，到页面渲染出来，整个过程都发生了什么？
Whoopsina的博客
04-26 3131
从一道面试题来看前端页面的生命周期：从浏览器地址栏输入URL后，到页面渲染出来，整个过程都发生了什么？
从输入一个url到页面展示到底发生了什么1
08-03
【网络协议】：当我们输入一个URL到浏览器时，一系列复杂的网络通信过程随即展开。首先，DNS（域名系统）起着至关重要的作用，它是一个分布式数据库，用于将人类可读的域名转换为网络可识别的IP地址。DNS查询分为两...
概述一个页面从输入URL到页面加载完的过程
11-29
当我们输入一个URL，比如`www.example.com`，并按下回车键，一系列复杂的网络活动就开始了，直到页面最终加载完成。首先，我们需要理解的是URL（Uniform Resource Locator）的作用，它是一个网页资源的唯一地址，...
从URL在浏览器被输入到页面展现的过程中发生了什么？
qq_38361229的博客
04-04 459
从URL在浏览器被输入到页面展现的过程
用户从输入URL到页面展示这中间究竟发生了什么?
abcsxc258的博客
01-01 534
前言 这是一个经典面试题了,无论是前端还是后端,这块是必须非常详细了解的一个点,大多数人以为只要掌握了这里面的一个大概流程应付面试就行了,其实掌握了这里面的东西对你以后的职业发展和逻辑思维也有很大提升,大厂在这块会问的非常详细 之前我也已经说过了底层网络连接的一些操作,现在来说说浏览器这块:用户在浏览器那端输入完url地址之后,浏览器发起请求是需要浏览器各个进程的配合的,我们先回顾以下我刚开始讲的浏览器进程的一些主要职责 浏览器主进程主要负责用户交互,子进程管理ipc和文件存储等 网络进程面向渲染进程和浏
在地址栏中输入url，到这个页面呈现出来，中间发生了什么
weixin_45240168的博客
12-12 1282
在地址栏中输入url，到页面呈现出来，中间的大致过程 get、post的区别 三次握手、TCP、UDP 常见状态码
【面试题】在地址栏里输入一个 URL,到这个页面呈现出来，中间会发生什么？
超级罗伯特的博客
04-18 103
树，构建完成后和 DOM 树合并为渲染树，这里主要做的是排除非视觉节点，比如script，meta 标签和排除 display 为 none 的节点，之后进行布局，布局主要是确定各。DNS 服务器，得到服务器的 ip 地址后，浏览器根据这个 ip 以及相应的端口号，构造一。个 http 请求，这个请求报文会包括这次请求的信息，主要是请求方法，请求说明和请。个元素的位置和尺寸，之后是渲染页面，因为 html 文件中会含有图片，视频，音频等。
在地址栏里输入一个URL,到这个页面呈现出来，中间会发生什么？
月迷津渡丶的专栏
02-15 877
DNS解析 TCP连接 发送HTTP请求 服务器处理请求并返回HTTP报文 浏览器解析渲染页面 连接结束 输入url后，首先需要找到这个url域名的服务器ip 为了寻找这个ip，浏览器首先会寻找缓存，查看缓存中是否有记录，缓存的查找记录为：浏览器缓存-》系统缓存-》路由器缓存 缓存中没有则查找系统的hosts文件中是否有记录 如果没有则查询DNS服务器 得到服务器的ip地址后，浏览器根据这个ip以及相应的端口号，构造一个http请求 这个请求报文会包括这次请求的信息，主要是请求方法，请求说明.
在地址栏里输入一个 URL,到这个页面呈现出来，中间会发生什么？
weixin_38355349的博客
09-22 171
输入 url 后，首先需要找到这个 url 域名的服务器 ip,为了寻找这个 ip，浏览器首先会寻找缓存，查看缓存中是否有记录（有记录获取缓存信息无则执行下一步）； 如果没有则查询 DNS 服务器，得到服务器的 ip 地址后，浏览器根据这个 ip 以及相应的端口号，构造一个 http 请求，并将这个 http 请求封装在一个 tcp 包中传达给服务器； 服务器解析这个请求来作出响应，返回相应的 html 给浏览器，浏览器根据这个 html 来构建 DOM 树（在 dom树的构建过程中如果遇到 JS 脚本
从一个url地址到最终页面渲染完成发生了什么
03-20
当你在浏览器中输入一个 URL 地址时，以下是发生的一些步骤： 1. DNS 解析：浏览器会将 URL 中的域名发送到 DNS 服务器，以获取该域名对应的 IP 地址。 2. 建立 TCP 连接：浏览器使用 IP 地址与服务器建立 TCP 连接。 3. 发送 HTTP 请求：浏览器向服务器发送 HTTP 请求，请求中包含了请求方法、请求头、请求体等信息。 4. 服务器处理请求：服务器接收到请求后，会根据请求的内容进行处理，可能会查询数据库、读取文件等操作。 5. 服务器发送响应：服务器将处理后的结果以 HTTP 响应的形式发送回浏览器，响应中包含了响应头、响应体等信息。 6. 浏览器渲染页面：浏览器接收到响应后，会根据响应中的 HTML、CSS、JavaScript 等内容进行页面渲染，最终呈现给用户。 以上是从一个 URL 地址到最终页面渲染完成的大致过程。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值