从输⼊URL到⻚⾯加载完中间发⽣了什么？

最新推荐文章于 2025-03-30 18:55:11 发布

原创最新推荐文章于 2025-03-30 18:55:11 发布 · 252 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#tcp/ip #http

vue 专栏收录该内容

31 篇文章

订阅专栏

本文概述了从DNS解析域名、建立TCP连接，到发送HTTP请求，服务器响应、浏览器解析渲染，直至连接关闭的完整HTTP请求流程，深入浅出地讲解了网络通信与页面加载的步骤。

大致过程是这样的：

1. DNS解析
2. TCP连接
3. 发送HTTP请求
4. 服务器处理请求并返回需要的数据
5. 浏览器解析渲染页面
6. 连接结束

输入了一个域名,域名要通过DNS解析找到这个域名对应的服务器地址(ip),通过TCP请求链接服务,通过
WEB服务器(apache)返回数据,浏览器根据返回数据构建DOM树,通过css渲染引擎及js解析引擎将页面渲染出来,关闭tcp连接

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

迷失。

关注关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

2024年Unity 面试题 |五萬字二佰道| Unity面试题大全，面试题总结【全网最全，收藏一篇足够面试】

努力前行，总会成为自己心中的那道光

02-23

16万+

正所谓金三银四，又到了找工作的大好时机了，不知道大家有没有意向找一份更好的工作呢~ 之前写了很多Unity的学习和实例文章，但是面试题部分还没有一个系统的整理。那本篇文章就来整理一下Unity中一些常见的面试题，说不准就会面试的时候就会遇到！本篇文章会将Unity所有方面的面试资料都融会贯通，绝对是2022年Unity面试领域最实用的文章啦！

LangChain链与记忆处理[10]：四种基础内置链、四种文档处理链，以及链的自定义和五种运行方式，让你的大模型更加智能

丨汀、的博客

07-30

532

# LangChain链与记忆处理[10]：四种基础内置链、四种文档处理链，以及链的自定义和五种运行方式，让你的大模型更加智能

参与评论您还未登录，请先登录后发表或查看评论

从在网页输入网址到页面渲染出来经历了什么

Zero_pl的博客

12-24

475

整个过程涉及多个协议、组件和阶段，包括DNS解析、网络传输、后端处理、以及浏览器的渲染流水线。- 浏览器通过DNS（域名系统）将URL中的域名（例如`example.com`）转换为对应的IP地址。- 如果HTML中引用了外部资源（如CSS、JS、图片等），浏览器会发起额外的HTTP请求加载这些资源。- 浏览器可能利用缓存、预取（Prefetch）、延迟加载（Lazy Loading）等技术进一步优化性能。5. **布局（Layout）**：计算每个元素的位置和大小。

面试官：说说地址栏输入 URL 敲下回车后发生了什么?

weixin_44475093的博客

05-27

540

一、简单分析简单的分析，从输入 URL到回车后发生的行为如下：URL解析DNS 查询TCP 连接HTTP 请求响应请求页面渲染二、详细分析URL解析首先判断你输入的是一个合法的URL 还是...

当你在浏览器地址栏输入一个URL后回车，将会发生的事情？

06-05

作为一个软件开发者，你一定会对网络应用如何工作有一个完整的层次化的认知，同样这里也包括这些应用所用到的技术：像浏览器，HTTP，HTML，网络服务器，需求处理等等。

说说从输入URL到看到页面发生的全过程

LuckXinXin的博客

06-29

342

首先浏览器主进程接管，开了一个下载线程。然后进行HTTP请求（DNS查询、IP寻址等等），中间会有三次捂手，等待响应，开始下载响应报文。将下载完的内容转交给Renderer进程管理。 Renderer进程开始解析css rule tree和dom tree，这两个过程是并行的，所以一般我会把link标签放在页面顶部。解析绘制过程中，当浏览器遇到link标签或者script、img等标签，浏览器会去下载这些内容，遇到时候缓存的使用缓存，不适用缓存的重新下载资源。 css rule tree和dom t.

从输⼊url到⻚⾯加载完成发⽣了什么？Flex 布局和传统布局有什么区别？

陈小陈的博客

03-10

302

前端面经从输⼊url到⻚⾯加载完成发⽣了什么？ 1、浏览器的地址栏输⼊URL并按下回⻋。 2、浏览器查找当前URL的DNS缓存记录。 3、DNS解析URL对应的IP。 4、根据IP建⽴TCP连接（三次握⼿）。 5、HTTP发起请求。 6、服务器处理请求，浏览器接收HTTP响应。 7、渲染页面，构建DOM树。 8、关闭TCP连接（四次挥⼿）。 Flex 布局和传统布局有什么区别？传统布局：是基于盒模型，依赖display属性、position属性、float属性。 Flex 布局：可以渐变、完成、

前端 | 浏览器安全：XSS攻击、CSRF攻击、中间人攻击

2502_90366796的博客

01-25

1301

本博客介绍了三种常见的Web安全攻击：XSS、CSRF和中间人攻击（MITM）。 XSS攻击：攻击者注入恶意脚本，窃取数据或篡改页面。 CSRF攻击：通过伪造请求执行未授权操作，防范方法包括使用随机令牌、检查Referer头部和双重认证。中间人攻击：攻击者拦截通信数据，防范方法包括使用HTTPS、VPN、证书验证和多因素认证。

前端面试题包含（html、css、js、vue、react、webpack、计算机网络，网络安全）

最新发布

qq_41467664的博客

03-30

700

4.3. promise.all ⽅法的使⽤场景？5.11. proxy 是实现代理，可以改变 js 底层的实现⽅式, 然后说了⼀下和 Object.defineProperty 的区别。15. 说⼀下 watch 与 computed 的区别是什么？以及他们的使⽤场景分别是什么？5.17. 为什么普通 for 循环的性能远远⾼于 forEach 的性能，请解释其中的原因。2.2. Proxy 只会代理对象的第⼀层，那么 Vue3 ⼜是怎样处理这个问题的呢？4.9. promise 的其他⽅法有⽤过吗？

小程序学习笔记

sandy_star

08-21

567

一、环境准备开发微信小程序之前，必须要准备好相应的环境 1.1.注册账号最好使用全新的邮箱，也就是没有注册过其他小程序或公众号的。 1.2.获取APPID 由于后期调用微信小程序的接口等功能，需要索取开发者的小程序中的APPID，所以在注册成功后，可登录，然后获取APPID。登录成功后，可以看到以下界面，然后复制APPID，好好保存起来： 1.3.开发工具使用微信开发者工具也可以使用vscode + 微信小程序开发者工具来实现编码二、第一个微信小程序 2.1.打开微信开发者工具注

从输⼊ URL 到⻚⾯加载完成，发⽣了什么？

weixin_37644989的博客

08-25

1614

我们的性能优化策略，也是基于这个问题，针对每⼀步依次解析步骤⽤户输⼊taobao.com 浏览器通过DNS，把url解析为IP 和IP地址建⽴TCP链接发送HTTP请求服务器接收请求，查库，读⽂件等，拼接好返回的HTTP响应浏览器收到⾸屏html，开始渲染解析html为dom 解析css 为css-tree dom+ css ⽣成render-tree 绘图加载script的js⽂...

键入网址到网页显示，期间发生了什么？

hxxx1314的博客

05-08

1339

1、浏览器地址栏输入 URL，浏览器解析 URL，从而生成发送给 web 服务器的请求信息。 2、浏览器查看浏览器缓存系统缓存路由缓存，如有存在缓存，就直接显示。如果没有，接着第3步。 3、域名解析（DNS）获取相应的 IP。 4、浏览器向服务器发起 tcp 连接，与浏览器建立 tcp 三次握手。三次握手举例,将通信的两端用字母A和B替代。A要往B发数据，A要确定两件事： 1. B在“那儿”，并且能接受数据 —— B确实存在，并且是个“活人”，能听得见 2. B能回应 —— B能发数据，能

计算机网络梳理：从网址到网络期间发生了什么【图文】

yhy_13s的博客

08-12

281

路由器和交换机的区别

输入一个网址到网页过程中都发生了什么？

weixin_45639224的博客

10-03

4012

输入一个网址到网页过程中都发生了什么？

键入网址到网页显示，期间发生了什么？(计算机网络)

qq_61504864的博客

11-30

1377

但是光有web服务器名www.server.com是不够的，只知道一个人的名字是找不到人的，我们还需要服务器的IP地址。对URL进行解析之后，浏览器确定了 Web 服务器和文件名，就会根据这些信息来生成 HTTP 请求消息。而DNS服务器就可以通过服务器名提供它的IP地址(相当于一个电话本，通过人名查询电话号码)，下面以http://www.server.com/dir1/file1.html为例。例如www.server.com实际上是www.server.com.DNS域名是分层级的，越靠右层级越高。

当键入网址后，到网页显示，其间发生了什么？

小林coding

03-16

8980

你知道「当键入网址后，到网页显示，其间发生了什么」吗？这常见的问题，我用 25 张图给你说明白！

经典面试题-从输⼊⽹址到⽹⻚渲染完成经历了什么？

自知者明，知人者智

03-03

536

前言输⼊⽹址按回⻋键或点击跳转发送到DNS服务器进⾏DNS解析，获取到我们对应web服务器对应的ip地址与Web服务器建⽴TCP连接浏览器向web服务器发送http请求 Web服务器进⾏响应请求并返回指定的url数据（当然这⾥也可能是错误信息或者重定向到新的url地址等）浏览器下载web服务器返回的数据及解析html源⽂件根据⽂件⽣成DOM树和样式树合成我们的渲染树，解析js，...

从输入URL到看到页面发生的全过程(含三握手,四挥手详解)

小小前端攻城狮的博客

04-09

1003

从输入URL到看到页面发生的全过程 总体来说分为以下几个过程: 浏览器的地址栏输入URL并按下回车。浏览器查找当前URL是否存在缓存，并比较缓存是否过期。 DNS解析URL对应的IP。根据IP建立TCP连接（三次握手）。 HTTP发起请求。服务器处理请求，浏览器接收HTTP响应。浏览器收到HTTP响应,浏览器解析渲染页面。关闭TCP连接（四次挥手）。 1, 输入URL并按下回车。 url一般包含这几个部分: 知识点: 协议：主要是HTTP协议，HTTPS协议，FTP协议，FILe协议域名：

从输入URL到看到页面发生的全过程

qq_39376013的博客

03-16

303

从输入URL到看到页面发生的全过程 浏览器的地址栏输入URL并按下回车浏览器查找当前URL是否存在缓存，并比较缓存是否过期浏览器首先查询当前URL是否有缓存,有的话,再查询是否过期,没过期则读缓存.过期了则访问web服务器. DNS解析URL对应的IP 互联网上每一台计算机的唯一标识是它的IP地址，但是IP地址并不方便记忆。用户更喜欢用方便记忆的网址去寻找互联网上的其它计算机，也...