当你从浏览器地址输入一个URL回车后发生了什么

最新推荐文章于 2023-10-19 21:03:28 发布

原创最新推荐文章于 2023-10-19 21:03:28 发布 · 966 阅读

1 ·

CC 4.0 BY-SA版权

本文详细介绍了从用户在浏览器中输入URL到完整网页呈现的全过程，包括DNS解析、TCP连接建立、HTTP请求与响应、资源加载及渲染等关键步骤，并探讨了缓存机制和异步请求的作用。

1.浏览器输入url，按下回车键

2.浏览器根据域名查找对应的IP地址

3.浏览器打开TCP连接（默认端口是80），向该ip发送一个http请求。如果浏览器存储了该域名下的cookie，那么cookie也会放在浏览器中

4.服务器给浏览器进行一个306的永久重定向响应。

5.浏览器根据重定向地址进行http请求

6.服务器分析http请求，生成http响应，将响应发给客户端

7.浏览器收到响应后，生成主页框架，同时向服务端继续发送请求，请求的内容是主页的资源，比如图片、视屏等

8.对于静态页面内容，浏览器通常会进行缓存。对于动态页面，浏览器通常不会进行缓存。缓存的时间也是有效的

9.浏览器向服务器发送异步请求，因为有些页面显示完成之后客户端仍需与服务器保持联系

10.整个过程结束后，浏览器关闭tcp连接

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

王永川

关注关注

0
点赞
踩
1

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

浏览器地址栏输入url回车后发生了什么

weixin_67791761的博客

09-28

1439

面试官:在浏览器地址栏输入地址后怎么发送请求的我:按回车键面试官:6

前端 Interview - 浏览器输入URL回车后，都发生了什么？

一个平平无奇的程序媛

12-02

1086

当我们在浏览器输入网址并回车后，一切从这里开始。以上就是在浏览器输入URL并回车之后，浏览器都做了什么事情，有些详细的点，比如JS阻塞，回流、重排、浏览器缓存等，我们再另开篇详述。

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

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

武培轩

04-08

700

当你在浏览器地址栏输入一个URL后回车，将会发生的事情？当我们在浏览器的地址栏输入 www.cnblogs.com ，然后回车，回车到看到页面到底发生了什么呢？域名解析 --> 发起TCP的3次握手 --> 建立TCP连接后发起http请求 --> 服务器响应http请求，浏览器得到html代码 --> 浏览器解析htm...

在浏览器中输入一个地址回车后发生了些什么事儿？

Survivalist_Boy的博客

05-22

370

在浏览器中输入一个地址回车后，直到你看到页面，这中间发生了些什么事儿？- 你回答个servlet生命周期也好啊地址如果是域名，那么会浏览器先读浏览器的dns缓存没有，读本机的缓存。。本机没有读dns服务器dns服务器没有，再向上，一直到dns根服务器返回ipDNF域名解析全过程http://blog.youkuaiyun.com/Amen_Wu/arti...

在浏览器输入一个网址回车后，发生了什么？

weixin_33994444的博客

12-21

239

1、通过DNS解析返回IP地址在浏览器DNS缓存中搜索在操作系统DNS缓存中搜索读取系统hosts文件，查找其中是否有对应的ip向本地配置的首选DNS服务器发起域名解析请求2、发起TCP三次握手建立连接为了准确地传输数据，TCP协议采用了三次握手策略。发送端首先发送一个带SYN（synchronize）标志的数据包给接收方，接收方收到后，回传一个带有SYN/ACK(acknowledegment)...

在浏览器中输入网址后回车发生了哪些事情

kuangsonghan的博客

04-23

6623

最近在和许多同学交流面经的时候，发现有一个问题：无论你是前端开发，还是后端开发，被问到的概率很高，在此，我想把这个问题记录一下总体来说，在浏览器的地址栏中输入网址后，发生了如下的事情：DNS解析TCP连接发送HTTP请求服务器处理请求并返回HTTP报文浏览器解析渲染页面连接结束下面还是具体说说每一步的大致原理1.DNS解析DNS解析的过程就是寻找哪台机器上有你需要资源的过程。当我们在浏览器中输入...

在浏览器输入URL回车之后发生了什么？（超详细版）

01-07

原文地址：https://4ark.me/post/b6c7c0a2.html...注意：本文的步骤是建立在，请求的是一个简单的 HTTP 请求，没有 HTTPS、HTTP2、最简单的 DNS、没有代理、并且服务器没有任何问题的基础上，尽管这是不切实际的。大致

浏览器输入网址回车后究竟发生了什么

08-07

在浏览器输入 URL 并按下回车键后会发生什么？这是一个经典的问题，经常出现在面试中，网上也有许多相关文章。最近我闲来无事，自己整理了一篇笔记，感觉比之前理解得更深入了。这篇笔记是基于我阅读数十篇文章总结...

在浏览器中输入一个URL并回车之后发生了什么？！

xiuzii的博客

06-13

963

1、在浏览器中输入了URL之后，浏览器首先对拿到的URL进行处识别，抽取出域名字段； 2、DNS解析(域名解析) DNS实际上是一个域名和IP相对应的数据库输入IP地址是直接从主机上调用内容；输入域名是通过域名解析服务器指向对应的主机的IP地址，再从主机调用网站的内容在进行DNS解析时，会经历以下步骤： ①查询浏览器缓存(浏览器会缓存之前拿到的DNS，...

在浏览器中输入一个地址，回车后发生了什么？

Test_kaifeng的博客

11-15

721

浏览器获取了这个url，当然就去解析了，它先去缓存当中看看有没有，从 浏览器缓存-系统缓存-路由器缓存当中查看，如果有从缓存当中显示页面，然后没有那就进行步骤三；在域名解析之后，浏览器向服务器发起了http请求，三次握手，浏览器与服务器建立TCP连接。这个执行请求，指的是进行一些逻辑操作，查询操作，持久层操作等的。缓存就是把你之前访问的web资源，比如一些js，css，图片什么的保存在你本机的内存或者磁盘当中。2，服务端ack 这个断开请求，确保自己的数据传输完毕，再发送断开连接的请求。

在浏览器输入地址回车后，发生了什么！

weixin_45416687的博客

08-29

759

在浏览器输入连接回车后，发生了什么！一.浏览器查找域名的IP地址二.浏览器与目标服务器建立TCP连接三.浏览器通过http协议发送请求四.某些服务器会做永久重定向响应五.浏览器跟踪重定项地址六.服务器处理请求七.服务器发出一个HTML响应八.释放TCP连接（tcp的四次握手）九.浏览器显示页面十.浏览器发送获取嵌入在HTML中的其他内容总结参考文件一.浏览器查找域名的IP地址 浏览器会把输入的域名解析成对应的ip，DNS的作用查找浏览器缓存 DNS:域名系统，DNS协议是用来将域名转换为IP地址，

在浏览器输入一个网址，按回车之后发生了什么？

weixin_44064074的博客

02-06

1297

1.用户将url（例如www.baidu.com）输入至地址栏并回车后，首先浏览器会开启一个线程来处理这个请求，对URL判断如果是http协议就按照web方式处理； 2.然后浏览会先从搜索自身的DNS（Domain Name System，域名系统）缓存开始，一级一级往上搜索。意思是浏览器先在自身的DNS缓存（这涉及浏览器的缓存机制）中搜索是否有www.baidu.com这个域名；如果浏览器未从...

在浏览器输入URL回车之后发生了什么？

瑾的博客

10-03

675

1、在地址栏输入网址此时在浏览器输入的URL实际上还不能找到服务器的地址，这些由字母组成的URL只是方便我们记忆而已，实际上每个网址都会有相对应的IP地址，而IP地址是由数字组成的不方便人们的记忆，所以这里我们需要DNS解析 2、DNS解析把URL解析为IP地址这一过程就叫DNS解析，其实DNS就是一个数据库，这个数据库里面记录着很多URL对应的IP地址，这样大家就可以根据DNS查找到对应的IP地址，有了IP地址，我们就可以在互联网里找到指定的服务器了。 3、tcp三次握手建立连接.

在浏览器地址栏输入地址，并按下回车键后，发生了哪些事情？

qq_54127702的博客

09-22

231

15.解析过程中生成DOM树、CSSOM树，然后一边生成，一边把二者合并为渲染树（rendering tree），随后对渲染树中的每个节点计算位置和大小（reflow），最后把每个节点利用GPU绘制到屏幕（repaint）12.浏览器根据响应头中的Content-Type字段识别响应类型，如果是text/html，则对响应体的内容进行HTML解析，否则做其他处理。3.浏览器根据url地址查找本地缓存，根据缓存规则看是否命中缓存，若命中缓存则直接使用缓存，不再发出请求。9.服务器处理请求，进入后端处理流程。

一张图帮你看懂，在浏览器输入网址回车后，都发生了什么？

zhanyd的博客

10-19

457

我们在浏览器输入网址回车后，大概就是发生这么几件事：域名解析（获取IP地址）、建立HTTP连接、发送HTTP请求、数据传输、渲染网页、断开HTTP连接（不一定会马上断开）。

在浏览器输入URL回车之后发生了什么

bob的博客

08-22

366

一、URL 解析地址解析：首先判断你输入的是一个合法的 URL 还是一个待搜索的关键词，并且根据你输入的内容进行自动完成、字符编码等操作。 HSTS 由于安全隐患，会使用 HSTS 强制客户端使用 HTTPS 访问页面。详见：你所不知道的 HSTS。其他操作 浏览器还会进行一些额外的操作，比如安全检查、访问限制（之前国产浏览器限制 996.icu）。检查缓存二、DNS 查询基本步骤 1. 浏览器缓存 浏览器会先检查是否在缓存中，没有则调用系统库函数进行查询。 2. 操作系统缓存操作系统也有

当在浏览器中输入一个url后回车，后台发生了什么？

ViVi.Geek的分享

04-10

784

简单来书有以下步骤：查找域名对应的IP地址。这一步会依次查找浏览器缓存，系统缓存，路由器缓存，ISPDNS缓存，13台根域名服务器。向IP对应的服务器发送请求。服务器响应请求，发回网页内容。浏览器解析网页内容。　　当然，由于网页可能有重定向，或者嵌入了图片，AJAX，其它子网页等等，这4个步骤可能反复进行多次才能将最终页面展示给用

在浏览器输入 URL 回车之后发生了什么（超详细版）

weixin_44188796的博客

03-11

5275

前言这个问题已经是老生常谈了，更是经常被作为面试的压轴题出现，网上也有很多文章，但最近闲的无聊，然后就自己做了一篇笔记，感觉比之前理解更透彻了。这篇笔记是我这两天看了数十篇文章总结出来的，所以相对全面一点，但由于我是做前端的，所以会比较重点分析浏览器渲染页面那一部分，至于其他部分我会罗列出关键词，感兴趣的可以自行查阅，注意：本文的步骤是建立在，请求的是一个简单的 HTTP 请求，没有 HTTPS、HTTP2、最简单的 DNS、没有代理、并且服务器没有任何问题的基础上，尽管这是不切实际的。大致流程URL 解析

当你在浏览器中输入域名并敲下回车发生了什么事情

最新发布

09-05

<think> 嗯，用户想了解输入域名回车后的完整过程。这个问题看似常见，但涉及计算机网络多个核心层面，需要系统性地梳理。用户提供的四个引用材料很有价值，特别是引用[3]的八个步骤框架非常清晰，但需要补充技术细节。引用[1]提到的DNS解析比喻和引用[4]的路由缓存机制也值得整合。考虑从物理操作到最终渲染的完整链路展开：首先必须强调DNS解析的细节，包括浏览器缓存→hosts文件→本地DNS服务器的查询顺序，这点引用[4]的路由缓存描述很准确。TCP三次握手部分要解释SYN/ACK包交换过程，但避免术语堆砌。注意到引用[2]提到HTTP请求头细节容易被忽略，比如User-Agent和Accept字段，这部分对理解浏览器行为很重要。页面渲染环节需要补充关键路径渲染（Critical Rendering Path）的概念，解释HTML/CSS/JS如何变成像素。安全机制是用户没问但必须涵盖的：TLS握手在HTTPS场景的触发时机，以及证书验证过程。引用材料中都没提到Service Worker等现代特性，考虑在异步请求环节补充。最后要强调流程的非线性——浏览器预解析、连接复用等优化手段会使某些步骤并行。用户可能是开发者或面试准备者，考虑在回答末尾添加三个进阶问题：关于HTTP/3的QUIC协议、前端性能优化切入点、网络安全防护层，形成知识闭环。 </think> 在浏览器中输入域名（如 `www.example.com`）并按下回车后，整个流程涉及网络协议栈、操作系统和浏览器引擎的协同工作。以下是详细步骤： --- ### 🌐 **1. URL解析** - 浏览器解析输入内容： - 若输入非完整URL（如 `example`），浏览器尝试补全协议（`https://`）和后缀（`.com`）。 - 特殊输入（如直接输入IP）跳过DNS解析。 - 检查**HSTS列表**（强制HTTPS的域名）[^4]。 --- ### 🔍 **2. DNS解析（获取服务器IP）** 1. **浏览器缓存**：检查本地DNS缓存（如 Chrome 的 `net-internals`）。 2. **系统缓存**：查询操作系统 hosts 文件（如 Windows 的 `C:\Windows\System32\drivers\etc\hosts`）。 3. **路由器缓存**：向本地路由器发送 DNS 查询。 4. **ISP DNS服务器**： - 递归查询根域名服务器 → 顶级域（`.com`）服务器 → 权威域名服务器。 - 最终返回目标域名的 IP 地址（如 `93.184.216.34`）[^1][^3][^4]。 > **比喻**：DNS 解析如同查找电话号码簿，将域名“翻译”为服务器 IP。 --- ### 🤝 **3. 建立TCP连接（三次握手）** - **步骤**： 1. 客户端发送 `SYN` 包（序列号 `x`）。 2. 服务器回复 `SYN-ACK` 包（序列号 `y`，确认号 `x+1`）。 3. 客户端发送 `ACK` 包（确认号 `y+1`）。 - 若为 HTTPS 请求，后续启动 **TLS 握手**（交换密钥、验证证书）[^2][^3]。 --- ### 📤 **4. 发送HTTP请求** 浏览器构造 HTTP 请求报文： ```http GET /index.html HTTP/1.1 Host: www.example.com User-Agent: Mozilla/5.0 Accept: text/html,application/xhtml+xml Cookie: session_id=abc123 ``` - 包含请求行、请求头、空行及可能的请求体（如 POST 数据）[^3]。 --- ### ️ **5. 服务器处理请求** - Web 服务器（如 Nginx/Apache）： 1. 解析请求路径和参数。 2. 执行后端逻辑（如 PHP/Python 脚本）。 3. 查询数据库或缓存。 4. 生成 HTTP 响应（状态码 + HTML/CSS/JS 等资源）[^3][^4]。 --- ### 📥 **6. 接收响应** 服务器返回响应报文： ```http HTTP/1.1 200 OK Content-Type: text/html; charset=UTF-8 Content-Length: 1234 <!DOCTYPE html><html>...</html> ``` - 状态码（如 `200` 成功、`404` 未找到）决定后续行为[^2]。 --- ### **7. 浏览器渲染页面** 1. **解析 HTML**：构建 DOM 树。 2. **解析 CSS**：生成 CSSOM 树。 3. **合并渲染树**（DOM + CSSOM）。 4. **布局**（Layout）：计算元素位置和尺寸。 5. **绘制**（Paint）：将像素输出到屏幕。 6. **执行 JavaScript**： - 若遇到 `<script>` 标签，暂停解析直至脚本执行完成（除非标记 `async/defer`）。 - 触发事件（如 `DOMContentLoaded`）[^1][^3]。 --- ### ♻️ **8. 异步请求与连接关闭** - **异步请求**：页面加载后，JavaScript 可能发起 Ajax/Fetch 请求更新内容。 - **关闭 TCP连接**（四次挥手）： 1. 客户端发送 `FIN`。 2. 服务器回复 `ACK`。 3. 服务器发送 `FIN`。 4. 客户端回复 `ACK`（连接终止）[^3][^4]。 --- ### **关键优化机制** - **连接复用**：HTTP/1.1 默认长连接（`Connection: keep-alive`），减少握手开销。 - **管线化（Pipelining）**：并行发送多个请求（HTTP/2 进一步优化）。 - **预解析**：浏览器在解析 HTML 时提前发起 DNS 查询或 TCP 连接。 --- ### 📚 **相关问题** 1. **DNS 解析为何需要递归与迭代结合？** > 本地 DNS 服务器迭代查询根域和顶级域，客户端只需等待最终结果（递归）[^1]。 2. **HTTPS 的 TLS 握手具体如何加密数据？** > 通过非对称加密交换会话密钥，后续通信使用对称加密（如 AES）保证效率[^4]。 3. **浏览器渲染遇到 JavaScript 阻塞如何处理？** > 使用 `async`（异步加载）或 `defer`（延迟执行）避免阻塞 DOM/CSSOM 构建[^3]。 --- > 流程中各环节高度依赖缓存（DNS/TCP/HTTP）和协议优化（如 HTTP/2 多路复用），实际过程可能因浏览器策略（预加载、预渲染）而并行提速 [^1][^2][^3][^4]。