输入网址后发生了什么:从HTTPS请求到页面绘制

发布时间:2026/11/2 10:45:57

输入网址后发生了什么:从HTTPS请求到页面绘制 在地址栏输入https://example.com/products/42后浏览器可能直接使用缓存也可能复用已有连接。网络请求使用HTTP/3时还会走QUIC而不是先建立TCP连接。所以这道题适合先限定情境再顺着一条请求讲。下面以需要联网获取页面、建立新的HTTPS连接为主线再说明缓存、连接复用和协议版本会改变哪几步。图是简化的关系示意不代表所有阶段串行执行也不是一次请求的实测耗时图。URL决定请求什么不等于服务器上的文件路径浏览器会解析协议、主机、端口、路径、查询等信息。对于上面的地址https说明访问HTTPS资源。example.com是需要定位服务的主机名。/products/42是资源路径可能由后端路由处理也可能由静态文件或代理规则响应。没有显式端口时HTTP和HTTPS的默认端口分别是80、443。路径为空通常按/处理是否返回index.html、执行Controller或再重定向是服务端的映射策略浏览器不会替服务器挑选一个默认文件。RFC 9110 URI定义浏览器还需要判断请求是否能由HTTP缓存、Service Worker等已有机制处理。这里继续讨论需要访问网络的情况。DNS提供地址查询过程不必每次走到根服务器浏览器或系统的解析机制需要取得主机名对应的地址结果可能包含IPv4、IPv6地址也可能经别名等记录继续解析。缓存命中时不需要重新从根服务器逐级查询。需要递归解析时递归解析器会结合已有缓存向相关DNS服务器继续查询。根、顶级域和权威服务器的分工可以帮助理解这一过程但它们不是浏览器每次都依次直连的一张固定清单。RFC 1034hosts、系统缓存、浏览器缓存、加密DNS以及代理分别怎样参与取决于实现和配置。面试中把它们背成放之四海而皆准的严格顺序容易与真实环境对不上。解析结果也可能指向CDN或负载均衡入口。它不一定是最终运行Java业务服务的那台机器。HTTPS连接里TCP与TLS要分别讲对于基于TCP的新建HTTPS连接浏览器先建立TCP连接再进行TLS协商。TLS用于验证服务端身份、协商密钥和算法使HTTP内容能够受到加密与完整性保护。具体握手行为还与TLS版本、会话恢复等条件有关不能用一个固定往返次数概括。TLS 1.3规范HTTP版本会改变传输方式使用情境连接层的主要区别HTTP/1.1或HTTP/2的HTTPS新连接基于TCP并使用TLSHTTP/2可以在一个连接上承载多个流HTTP/3HTTP语义映射到QUICQUIC基于UDP并集成TLS安全握手不是先做TCP三次握手已有可复用连接本次请求可能直接使用连接不会再重复完整建连过程浏览器采用哪一种需要结合服务端支持、协议发现、网络条件和协商结果判断。不能因为地址是https://就断言一定使用HTTP/1.1或一定新建TCP连接。HTTP/3规范请求怎样经过本地链路与路由器应用数据要通过传输层、IP网络和具体链路发送。以IPv4以太网为例本机根据路由决定下一跳目标在远端网络时以太网帧先发往下一跳网关目标MAC不是远端网站服务器的MAC。需要时通过ARP解析当前链路上的下一跳地址。IPv6采用的邻居发现机制不同不能把ARP推广到所有网络。路由器继续转发时会按出站链路重新封装。在不做地址转换等改写的普通IP转发中端到端的源、目标IP可以保持不变MAC随链路改变IPv4的TTL也会递减。经过NAT时地址甚至端口可能被转换。因此“整个途中IP永远不变”需要加上适用前提。IPv4路由要求、NAT说明这些网络动作不是等HTTP请求写好后才第一次发生前面的DNS、TCP和TLS通信同样要经过网络。分层是在解释每份数据怎样传输不是一组只执行一次的独立步骤。服务端响应与浏览器渲染会继续交错以HTTP/1.1的文本形式表示请求可以写成GET /products/42 HTTP/1.1 Host: example.com Accept: text/html这是报文语义示例。HTTP/2、HTTP/3使用各自的帧和字段编码不能把上面三行当成它们在网络中的原始字节格式。入口服务器可能直接返回静态资源也可能把请求交给后端应用。应用读取数据、生成内容后返回状态码、响应头和响应体如果返回重定向浏览器还需要按相应规则处理后续请求。取得HTML后浏览器解析文档构建DOM解析样式形成样式信息计算布局并绘制必要时再进行合成。它会在解析期间发现样式、脚本、图片等资源继续发起请求。下载、解析和部分渲染可以交错推进脚本也可能阻塞解析或改变文档导致后续样式、布局和绘制变化。资源请求会使用缓存和连接复用HTTP/2、HTTP/3还支持多路复用。不能说每张图片都要重新完成DNS、建连和整套握手也不能把“页面显示完”直接当作关闭连接的信号。浏览器渲染过程用Network面板把这些阶段对应到现象在Chromium浏览器的开发者工具中打开Network后访问一个允许测试的页面。对主文档请求重点查看Protocol列实际使用的是HTTP/1.1、h2还是h3。需要时从表头菜单打开该列。Timing有没有DNS、建立连接等阶段时间主要花在哪里。复用连接或命中缓存时部分阶段可能不再出现。响应来源与瀑布图内容是否来自缓存或Service WorkerHTML、样式、脚本、图片的请求怎样重叠。Waiting / TTFB包含等待首字节的网络与服务端时间不等于纯粹的数据库耗时。看到某个阶段很长只能先缩小排查范围随后还要结合服务端日志或链路追踪判断。Chrome Network时序说明讲清这道题时可以先给出当前情境下的主线再挑一个实际观察解释“为什么某一步没有出现”。这样既能说明协议也能把回答接到性能分析和故障排查上。修订于2026年11月1日移除笔记对话残留补HTTPS、HTTP/3、缓存复用、URL映射与地址变化的条件。
延伸阅读

更多相关文章

2026/11/2 10:45:57

【12】火焰烟雾数据集(有v5/v8模型)/YOLO火焰烟雾检测

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/11/2 10:45:57

【9】工程车辆数据集(有v5/v8模型)/YOLO工程车辆检测

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/11/2 10:45:57

Forward与Redirect:一次请求内部交接,还是让浏览器重新请求

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/11/2 11:46:10

Cobalt Strike Beacon隐蔽技术:BeaconGate+UDRL+Sleepmask实战

1. 项目概述在红队攻防对抗中,Cobalt Strike(简称CS)作为主流渗透测试框架,其Beacon载荷的隐蔽性直接决定了攻击行动的成败。最近我在实际项目中遇到了一个棘手问题:传统睡眠混淆技术已逐渐被EDR产品识别,急…

2026/11/2 11:46:10

AI辅助测试用例编写:提示词设计与实践

1. 为什么需要AI辅助测试用例编写 在软件测试领域,编写高质量的测试用例往往需要耗费大量时间。根据业界统计,测试人员平均每天要花费40%的工作时间在用例编写和维护上。传统手工编写方式存在三个明显痛点: 首先,测试场景覆盖率与…

2026/11/2 11:46:10

工业自动化TVA选型:避免误区与全生命周期成本优化

1. 项目概述:TVA选型的核心痛点解析 在工业自动化领域,终端执行器(Terminal Valve Actuator,简称TVA)的选型决策常常陷入两个极端:要么过度关注技术参数表中的数字竞赛,要么单纯追求采购成本最低…

2026/11/2 11:46:10

HTML转PDF实战:渲染引擎选型、分页控制与字体避坑指南

简介:这份资源面向.NET开发者与文档处理场景,聚焦HTML到PDF的转换需求,提供基于Aspose.Pdf库的完整示例工程。压缩包共32个文件,约10.62MB,以cs源码、aspx页面、dll程序集、config配置及pdf示例文档为主,另…

2026/11/2 11:46:10

CTFshow Web安全实战:Base64编码与HTTP头注入解析

1. CTFshow Web安全入门实战解析作为一名长期活跃在CTF赛场的Web安全研究员,我经常遇到新手对CTFshow平台上的Web题目感到困惑。今天我们就来深度剖析CTFshow《Web应用安全与防护》第一章的核心考点,通过6个典型场景带你掌握Web安全基础技能。1.1 Base64…

2026/11/2 11:41:09

城市运管服平台安全架构与关键技术解析

1. 城市运管服平台的安全定位与核心价值 城市运管服平台作为现代城市治理的"数字中枢",其安全防线直接决定了城市运行的底线保障能力。这个看似抽象的概念,在实际场景中体现为:当暴雨导致城市内涝时,平台能否实时感知积…

2026/11/2 6:08:01

面向复杂光照与角度的宠物面部识别鲁棒性增强策略

在智慧养宠时代,基于视觉的宠物身份识别技术正逐步从实验室走向家庭应用。然而,与配合度高的人类不同,宠物是典型的“非合作生物识别对象”——它们不会主动配合摄像头调整姿态,更无法控制光照环境。实际应用中,我们常…

2026/11/2 6:39:12

SSM电子书店源码全解析:结构、原理、部署与排错实战

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/11/2 1:04:04

工业级SPI隔离设计:硬件抗扰与信号完整性实战指南

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/11/2 1:04:04

PLFM_RADAR:主动探测数据通道,构建低误报的数据感知系统

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/11/2 1:04:04

工业SPI隔离设计:MAX14431与STM32F746硬件抗干扰实战

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/11/2 6:08:01

面向复杂光照与角度的宠物面部识别鲁棒性增强策略

在智慧养宠时代,基于视觉的宠物身份识别技术正逐步从实验室走向家庭应用。然而,与配合度高的人类不同,宠物是典型的“非合作生物识别对象”——它们不会主动配合摄像头调整姿态,更无法控制光照环境。实际应用中,我们常…

2026/11/2 6:39:12

SSM电子书店源码全解析:结构、原理、部署与排错实战

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

还想了解更多?直接咨询顾问

免费诊断 + 免费方案 + 透明报价。

全国咨询热线400-8866-253
免费获取方案
☎咨询二维码 ☎ ↑