输入网址后发生什么

最新推荐文章于 2024-03-12 14:27:40 发布
原创 最新推荐文章于 2024-03-12 14:27:40 发布 · 556 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#browser #authorization #redirect #download #server #tcp

  1. browser checks cache; if requested object is in cache and is fresh, skip to #9
  2. browser asks OS for server's IP address
  3. OS makes a DNS lookup and replies the IP address to the browser
  4. browser opens a TCP connection to server (this step is much more complex with HTTPS)
  5. browser sends the HTTP request through TCP connection
  6. browser receives HTTP response and may close the TCP connection, or reuse it for another request
  7. browser checks if the response is a redirect (3xx result status codes), authorization request (401), error (4xx and 5xx), etc.; these are handled differently from normal responses (2xx)
  8. if cacheable, response is stored in cache
  9. browser decodes response (e.g. if it's gzipped)
  10. browser determines what to do with response (e.g. is it a HTML page, is it an image, is it a sound clip?)
  11. browser renders response, or offers a download dialog for unrecognized types
leo524891010
关注
浏览器输入网址发生了什么？
baidu_41459912的博客
04-02 1082
引言：昨天接到一个电话面试，其中有个问题：浏览器输入网址之后发生了什么？之前没有具体了解过，只是以web开发经验进行理解， 只是知道记得大学计网 DNS协议作用，进行域名解析得到服务器 IP地址，以下是我查阅资料的总结 大概总的过程： 1.在客户端浏览器中输入URL。 2.发送到DNS(域名服务器）获得域名对应的web服务器的IP地址。 3.客户端浏览器与web服务器建立tcp连接. 4.客户端浏览器向对应IP地址的WEB服务器发送相应的http或https请求。 5.WEB服务器响应请求，返回指定的URL
浏览器输入网址后发生了这些
weixin_30362083的博客
10-26 171
　　 当一个用户在浏览器里输入了www.baidu.com这个URL时，将会发生很多操作。首先它会请求DNS把这个域名解析成对应的IP地址，然后根据这个IP地址在互联网上找到对应的服务器，向这个服务器发起一个get请求，由这个服务器决定返回默认的数据资源给访问的客户。在服务器端实际上还有很复杂的业务逻辑：服务器可能会有很多台，到底指定哪台服务器来处理请求，这需...
浏览器输入网址后发生了什么?
一蓑烟雨任平生
08-18 667
输入网址—DNS域名解析—建立TCP连接—发送HTTP请求—服务器处理并返回结果—浏览器生成页面 域名解析：先查找本地host文件，如果有则跳过查询直接访问对应网站的ip地址，如果无则由本地dns服务器向根dns服务器发送查询请求，并逐级向下最后查询到具体的网址ip 建立tcp连接：三次握手（客户端向服务器发送带有syn标识的数据包、服务端返回ack/syn数据包、客户端发送ack数据包）确保建立连接 发送http请求：发送请求报文（报文首部、空行、主体），报文首部包含请求行和首部信息，...
当我在浏览器地址栏里输入一个网址后所发生的故事
yeaper_yeo的博客
04-12 2084
1、识别URL包括协议、域名、路径、端口，具体构成为：（1）请求行（2）请求头其中包含很多参数，自行构建请求头时，最常用的如下： 参数 含义 Accept-Charset 浏览器可以接受的字符编码集 Accept-Encoding 指定浏览器可以支持的web服务器返回内容压缩编码类型 Accept-Language 浏览器可接受的语言 Content-Length
浏览器输入网址会发生什么？
weixin_51704238的博客
03-12 1579
该请求中包含了要访问的资源路径、请求方法（如 GET、POST 等）、以及其他必要的信息，如请求头等。浏览器请求解析后的资源，浏览器根据收到的 HTML、CSS、JavaScript 等资源，开始渲染页面。然后服务器根据请求的处理结果，将相应的数据封装成 HTTP 响应，再通过之前建立的 TCP 连接返回给浏览器。浏览器接收到服务器的响应后，会根据响应的内容解析 HTML、CSS、JavaScript 等资源。服务器收到浏览器发来的请求后，会根据请求的内容和服务器上的资源进行相应的处理。
浏览器输入网址回车后究竟发生了什么
最新发布
08-07
在浏览器输入 URL 并按下回车键后会发生什么？这是一个经典的问题，经常出现在面试中，网上也有许多相关文章。最近我闲来无事，自己整理了一篇笔记，感觉比之前理解得更深入了。这篇笔记是基于我阅读数十篇文章总结...
面试题：输入网址后发生了什么
weixin_51601437的博客
07-17 2391
一次HTTP请求过程或者输入网址后发生了什么前言一、流程概括二、具体流程1.DNS解析2.三次握手建立连接2.1为什么是三次握手，二次不行吗？3.发送HTTP请求4.服务器解析请求，并返回数据5.浏览器解析响应，展示相应的界面6.断开连接（四次挥手）6.1为什么是四次挥手？ 前言 当我们在浏览器中输入一个网址后，浏览器给我们返回一个页面过程中，到底发生了什么？ 一、流程概括 1.进行DNS解析，找到对应ip地址的服务器 2.通过TCP协议建立连接（三次握手） 3.建立连接后，浏览器发送HTTP请求 4.服
经典面试题：输入网址后会发生什么？
doreen211的博客
10-30 706
从输入网址到看到网页中间经历了什么？“是一个常见面试题，这个问题贯穿了整个网络系统，对回答者的网络综合素质要求较高。本文中对此问题的大致流程进行较细致的阐述，但篇幅有限，其中仍有一些细节性的知识需要读者自行查阅。
前端面试：浏览器输入网址后发生了什么？
小隐的博客
04-25 1419
从前端面试题出发分析一系列知识点 大致来看，从输入url到网页显示会经历下列五个阶段 将url转换为ip地址 同服务器进行通信 获取网页内容 浏览器进行渲染 断开通信 下面来具体分析每个阶段都做了什么，因为是一道非常经典的前端面试题，并且覆盖面非常广，所以尽量做到深挖知识要点。有些可以单独写文章的地方会用黄色记号标记，之后会用文章链接替代！ #1. url到ip地址的转换 —— DNS解析 为了向www.baidu.com发送请求，必须获得www.baidu.com的ip地址，理所当然应该使用DNS去
在浏览器输入URL回车之后发生了什么？（超详细版）
01-07
作者：4Ark 前言 这个问题已经是老生常谈了，更是经常被作为面试的压轴题出现，网上也有很多文章，但最近闲的无聊，然后就自己做了一篇笔记，感觉比之前理解更透彻了。 这篇笔记是我这两天看了数十篇文章总结出来的...
浏览器输入网址后发生了什么？
早就戒了的博客
11-29 3623
在你的浏览器中输入www.baidu.com以后，会在你的浏览器呈现百度首页，这期间发生了什么？首先我们需要知道TCP/IP的网络模型，这里我就以四层模型为例子。第一步：在浏览器中输入www.baidu.com后，应用层会使用DNS解析域名，如果本地存有对应的IP，则使用；如果没有，则会向上级DNS服务器请求帮助，直至获得IP。域名解析详细过程会在下文讲到。第二步：应用层将请求的信息装载入HTTP请
当你输入一个网址的时候，实际会发生什么?
weixin_33955681的博客
02-25 2243
原文:http://igoro.com/archive/what-really-happens-when-you-navigate-to-a-url/  作为一个软件开发者，你一定会对网络应用如何工作有一个完整的层次化的认知，同样这里也包括这些应用所用到的技术：像浏览器，HTTP，HTML，网络服务器，需求处理等等。 本文将更深入的研究当你输入一个网址的时候，后台到底发生了一件件什么样的事～ 1....
当你在浏览器输入网址发生了什么
Less is more
02-26 2万+
1.输入网址 www.php.net http 默认访问的是80端口 https 默认访问的是443端口 2.DNS 1.在浏览器的缓存里查找 2.如果没有，就去查看hosts文件是否有对应的ip 3.如果hosts文件没有，就去查询本地DNS服务器 3.socket 找到域名对应的ip地址，开始三次握手，建立连接 4.浏览器发送请求 ...
从输入URL到浏览器显示页面发生了什么
weixin_30527423的博客
07-02 1488
当在浏览器地址栏输入网址，如：www.baidu.com后浏览器是怎么把最终的页面呈现出来的呢？这个过程可以大致分为两个部分：网络通信和页面渲染。 一、网络通信 互联网内各网络设备间的通信都遵循TCP/IP协议，利用TCP/IP协议族进行网络通信时，会通过分层顺序与对方进行通信。分层由高到低分别为：应用层、传输层、网络层、数据链路层。发送端从应用层往下走，接收端从数...
在浏览器中输入一个URL会发生什么？
Jochebed666的博客
03-10 9991
最近看到一个题目，**当在浏览器中输入一个url后回车，后台发生了什么？**比如输入url后，你看到了百度的首页，那么这一切是如何发生的呢？ 网上各种的说法，不外乎都是这样的： 第一步：客户机提出域名解析请求,并将该请求发送给本地的域名服务器。 第二步：当本地的域名服务器收到请求后,就先查询本地的缓存,如果有该纪录项,则本地的域名服务器就直接把查询的结果返回。 第三步：如果本地的缓存中没有该纪录...
详解浏览器输入网址后发生了什么
weixin_41744192的博客
05-04 2505
浏览器输入网址的过程一台主机的联网过程过程简述过程详解输入网址获取IP建立TCP连接三次握手四次挥手小结发起http请求浏览器显示 HTML 浏览器是我们平时经常使用一种工具，我们在浏览器地址栏输入一个URL后，敲下回车键，浏览器就会反馈我们一个页面。这个过程背后其实发生了很多。 讲解过程之前，先介绍一下一台主机是如何连接到网络的。 一台主机的联网过程 一台主机想要连接网络，首选需要获得一个属于自...
【面试常问之网络】在浏览器上输入一个网址后，发生了什么？/HTTP的工作流程/DNS域名解析过程
m0_52165864的博客
08-14 8333
在浏览器中输入url并且获取响应的过程，其实就是浏览器和该url对应的服务器的网络通信过程。就比如在浏览器中输入：www.baidu.com，那么会返回一个百度搜素的界面，这其实就是浏览器和百度服务器之间的网络通信过程。浏览器就是客户端，用于发出请求，而百度的服务器就是服务器，用于接收并响应请求。......
访问 www.taobao.com过程
热门推荐
a2796749的专栏
08-27 3万+
首先是查找浏览器缓存，浏览器会保存一段时间你之前访问过的一些网址的DNS信息，不同浏览器保存的时常不等。 如果没有找到对应的记录，这个时候浏览器会尝试调用系统缓存来继续查找这个网址的对应DNS信息。 如果还是没找到对应的IP，那么接着会发送一个请求到路由器上，然后路由器在自己的路由器缓存上查找记录，路由器一般也存有DNS信息。 如果还是没有，这个请求就会被发送到ISP（注：Int
输入一个网址后发生了什么
forever-and-ever的博客
09-09 2万+
当你在浏览器输入一个网址，如http://www.taobao.com，按回车之后发生了什么？请从技术的角度描述，如浏览器、网络（UDP、TCP、HTTP等），以及服务器等各种参与对象上由此引发的一系列活动，请尽可能的涉及到所有的关键技术点。 1.DNS解析 DNS解析的过程就是寻找哪台机器上有你需要资源的过程，寻找的过程遵循就近原则。 输入一个网址并按回车的时候浏览器会根据输入的URL去查...
输入网址后浏览器发生了什么
07-24
<think>我们正在回答用户关于“输入网址后浏览器的工作流程”的问题。用户希望了解从输入网址到页面展示的整个底层工作原理，包括网络请求、DNS解析、建立连接等过程。 根据提供的引用材料，我们可以整理出一个详细的工作流程。同时，系统要求使用中文回答，并正确使用LaTeX格式的数学表达式（虽然这个问题可能不太涉及数学公式，但如果有需要我们会使用），最后生成相关问题。 步骤概述（根据引用材料整合）： 1. 用户输入网址（URL） 2. 浏览器解析URL 3. DNS解析（将域名转换为IP地址） 4. 建立TCP连接（三次握手） 5. 浏览器发送HTTP请求 6. 服务器处理请求并返回响应 7. 浏览器解析渲染页面 8. 关闭TCP连接（四次挥手） 下面我们将详细展开每个步骤。 详细工作流程： 1. **用户输入网址** 用户在浏览器地址栏输入URL（例如：http://www.example.com），并按下回车键。 2. **浏览器解析URL** 浏览器解析URL，提取出协议（如HTTP/HTTPS）、主机名（如www.example.com）、端口号（默认为80或443）、资源路径（如/index.html）等。 3. **DNS解析（域名解析）** 浏览器需要将主机名转换为IP地址才能建立连接。DNS解析过程如下[^2]： - （1）**浏览器缓存**：浏览器首先检查自身缓存中是否有该域名对应的IP地址。 - （2）**操作系统缓存**：如果浏览器缓存没有，则检查操作系统的hosts文件和缓存（如Windows的DNS Client服务缓存）。 - （3）**本地域名服务器（LDNS）**：如果上述步骤都没有，浏览器会向本地配置的DNS服务器（通常由ISP提供）发起请求。 - （4）**根域名服务器、顶级域名服务器、权威域名服务器**：如果本地DNS服务器没有缓存，则从根域名服务器开始递归查询，直到获取到IP地址。 整个DNS查询过程可能经过递归查询或迭代查询，最终将域名解析为IP地址。 4. **建立TCP连接（三次握手）** 获取到IP地址后，浏览器通过操作系统的网络栈与服务器建立TCP连接（使用三次握手）[^2][^3]： - **第一次握手**：客户端发送一个SYN包（SYN=1, seq=x）到服务器，并进入SYN_SENT状态。 - **第二次握手**：服务器收到SYN包，发送SYN+ACK包（SYN=1, ACK=1, seq=y, ack=x+1），并进入SYN_RCVD状态。 - **第三次握手**：客户端收到SYN+ACK包，发送ACK包（ACK=1, seq=x+1, ack=y+1），此时双方进入ESTABLISHED状态，连接建立。 5. **浏览器发送HTTP请求** TCP连接建立后，浏览器通过该连接向服务器发送HTTP请求报文[^3][^4]。请求报文包括： - 请求行：包含请求方法（如GET、POST）、资源路径、HTTP协议版本。 - 请求头：包含Host（主机名）、User-Agent（浏览器标识）、Accept（可接受的响应内容类型）、Accept-Language、Accept-Encoding、Cookie等字段[^4]。 - 请求体（对于POST等方法）。 6. **服务器处理请求并返回响应** 服务器接收到请求后，根据请求的资源路径和参数进行处理，然后返回HTTP响应报文： - 状态行：包含HTTP版本、状态码（如200 OK）。 - 响应头：包含Content-Type（响应内容的类型，如text/html）、Content-Length、Set-Cookie等。 - 响应体：实际返回的资源内容（如HTML文档）。 7. **浏览器解析渲染页面** 浏览器接收到响应后，开始解析和渲染页面： - 解析HTML构建DOM树。 - 解析CSS构建CSSOM树。 - 将DOM树和CSSOM树合并成渲染树（Render Tree）。 - 布局（Layout）：计算每个节点在屏幕中的位置和大小。 - 绘制（Painting）：将各个节点绘制到屏幕上。 - 如果遇到JavaScript，会执行并可能阻塞渲染（除非标记为异步或延迟）。 8. **关闭TCP连接（四次挥手）** 当页面加载完成后，浏览器会关闭TCP连接（如果HTTP头中Connection字段为close，则每次请求后都会关闭；如果是keep-alive，则连接会保持一段时间）[^4]。关闭连接的过程（四次挥手）： - **第一次挥手**：客户端发送FIN包（FIN=1, seq=u）给服务器，进入FIN_WAIT_1状态。 - **第二次挥手**：服务器收到FIN，发送ACK包（ACK=1, ack=u+1）给客户端，进入CLOSE_WAIT状态。此时客户端到服务器的连接关闭，但服务器到客户端的连接还可以发送数据。 - **第三次挥手**：服务器发送FIN包（FIN=1, seq=v）给客户端，进入LAST_ACK状态。 - **第四次挥手**：客户端收到FIN，发送ACK包（ACK=1, ack=v+1）给服务器，进入TIME_WAIT状态（等待2MSL后关闭）。服务器收到ACK后立即关闭连接。 注意：如果使用HTTPS，在建立TCP连接后，还需要进行TLS握手（交换密钥、验证证书等），建立加密通道，然后再发送HTTP请求（即HTTP over TLS）。 流程图（文字描述）： ``` 输入URL -> 解析URL -> DNS解析 -> 建立TCP连接（三次握手） -> 发送HTTP请求 -> 服务器处理请求并返回响应 -> 浏览器解析渲染页面 -> 关闭TCP连接（四次挥手） ``` 相关问题： 1. DNS解析过程中，如何减少解析时间以提高网页加载速度？ 2. 为什么TCP连接需要三次握手，而断开需要四次挥手？ 3. 浏览器渲染页面时遇到JavaScript阻塞如何处理？ 4. HTTPS在HTTP工作流程的基础上增加了哪些步骤？ 5. 如何通过HTTP协议头优化网页加载性能？ 以上即为从输入网址到页面展示的完整工作流程。</think>### 输入网址后浏览器的工作流程详解 当您在浏览器输入网址（如 `https://www.example.com`）并按下回车后，浏览器会执行以下底层工作流程： #### 1. **URL解析与协议识别** [^1] - 浏览器解析URL结构：`协议://主机名:端口/路径?查询参数#锚点` - 识别协议（HTTP/HTTPS）和默认端口（HTTP:80, HTTPS:443） - 检查HSTS预加载列表强制HTTPS（安全站点） #### 2. **DNS域名解析** [^2] 浏览器通过分层查询将域名转换为IP地址： 1. **浏览器缓存**：检查自身DNS缓存（`chrome://net-internals/#dns`） 2. **操作系统缓存**：查询系统hosts文件（`/etc/hosts`或`C:\Windows\System32\drivers\etc\hosts`） 3. **本地DNS服务器**：向路由器或ISP配置的DNS服务器发起查询 4. **递归查询**（若未命中缓存）： ```mermaid graph LR A[本地DNS] --> B[根域名服务器] B --> C[顶级域服务器 .com] C --> D[权威域名服务器 example.com] D --> E[返回IP地址] ``` 5. 最终获得目标服务器的IP地址（如 `93.184.216.34`） #### 3. **建立网络连接** - **TCP三次握手**建立可靠连接 [^2]： ``` 客户端 ───SYN───> 服务器 客户端 <──SYN+ACK── 服务器 客户端 ───ACK───> 服务器 ``` - **HTTPS额外步骤**： - TLS握手（交换密钥） - 证书验证（检查CA签名） - 协商加密套件（如AES_256_GCM） #### 4. **发送HTTP请求** [^3][^4] 浏览器构建并发送符合RFC标准的请求报文： ```http GET /index.html HTTP/1.1 Host: www.example.com User-Agent: Mozilla/5.0 Accept: text/html,application/xhtml+xml Accept-Language: zh-CN Cookie: session_id=abc123 Connection: keep-alive ``` > 关键头字段说明： > - `Host`：虚拟主机标识（必需） > - `User-Agent`：客户端环境信息 > - `Cookie`：会话状态数据 > - `Connection: keep-alive` 启用持久连接 #### 5. **服务器处理与响应** 1. Web服务器（如Nginx/Apache）接收请求 2. 路由到后端应用（如PHP/Node.js） 3. 生成响应报文： ```http HTTP/2 200 OK Content-Type: text/html; charset=utf-8 Content-Length: 15320 Set-Cookie: session=new Cache-Control: max-age=3600 <!DOCTYPE html> <html>...</html> ``` > 协议版本体现在响应行首： > - HTTP/1.x → `HTTP/1.1 200 OK` > - HTTP/2 → `HTTP/2 200` #### 6. **浏览器渲染引擎工作** 1. **解析HTML** → 构建DOM树 2. **解析CSS** → 构建CSSOM树 3. **合并渲染树**（Render Tree） 4. **布局计算**（Layout/Reflow） 5. **绘制显示**（Painting） 6. **执行JavaScript**（可能触发重绘） #### 7. **连接终止** - HTTP/1.1：`Connection: close` 触发TCP四次挥手 - HTTP/2：多路复用保持连接 - 资源加载完成后断开： ``` 客户端 ───FIN───> 服务器 客户端 <──ACK─── 服务器 客户端 <──FIN─── 服务器 客户端 ───ACK───> 服务器 ``` ### 关键优化技术 1. **DNS预取**：`<link rel="dns-prefetch" href="//cdn.example.com">` 2. **TCP快速打开**（TFO）：减少握手延迟 3. **HTTP/2特性**：头部压缩、服务端推送、多路复用 4. **缓存策略**：`Cache-Control`/`ETag` 避免重复传输 > 完整流程耗时通常在100ms-3s之间，受网络延迟、资源大小、服务器响应速度影响。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值