网络浏览器并输入地址到显示的整个过程

简介: 网络浏览器并输入地址到显示的整个过程

当您在网络浏览器中输入一个地址并按下回车键时,背后发生了一系列复杂的网络通信和处理流程。
在这个过程中,涉及多个关键的网络协议和组件:

HTTP:客户端(浏览器)与服务器之间的通信协议,用于请求网页资源。
DNS:域名解析系统,将网址转换为IP地址。
TCP:传输控制协议,负责确保数据可靠传输。
IP:负责将数据包路由到正确的设备。
MAC:数据链路层的地址,用于局域网中的设备定位。
网卡:计算机用于发送和接收数据的硬件。
路由器:负责数据包在不同网络之间的转发。

  1. 用户输入URL并按下回车键
    当您在浏览器地址栏输入一个 URL(例如 https://www.example.com)并按下回车键,浏览器开始一系列的操作来加载并显示该网页。

  2. 浏览器检查本地缓存
    浏览器首先会检查本地缓存,看看是否已经有该域名对应的 IP 地址,以及相关的资源是否已缓存。如果缓存有效,浏览器可以跳过某些步骤,加快页面加载速度。

  3. DNS 域名解析
    如果本地缓存没有对应的 IP 地址,浏览器需要通过 DNS(域名系统)将域名解析为 IP 地址。DNS 解析过程可以分为以下几个步骤:

3.1. 查询浏览器缓存
浏览器会首先检查其内部缓存,看看是否有该域名的解析记录。

3.2. 查询操作系统缓存
如果浏览器缓存没有,浏览器会请求操作系统检查其 DNS 缓存。

3.3. 查询本地 DNS 服务器
如果操作系统缓存也没有,操作系统会将 DNS 查询请求发送到配置的本地 DNS 服务器(通常由互联网服务提供商提供)。

3.4. 递归查询
如果本地 DNS 服务器也没有该域名的解析记录,它会进行递归查询,逐步查询根域名服务器、顶级域名服务器(如 .com)、权威域名服务器,最终获取目标域名的 IP 地址。

DNS 解析时序图
Authoritative DNS Server
TLD Server
Root DNS Server
Local DNS Server
OS
Browser
Authoritative DNS Server
TLD Server
Root DNS Server
Local DNS Server
OS
Browser
DNS Query
DNS Query
DNS Response (cache miss)
Recursive DNS Query
Referral to TLD Server
DNS Query
Referral to Authoritative DNS Server
DNS Query
DNS Response (IP Address)
DNS Response (IP Address)
DNS Response (IP Address)

  1. 建立 TCP 连接
    一旦获得目标服务器的 IP 地址,浏览器需要与服务器建立一个 TCP 连接。这通常通过三次握手完成:

SYN:客户端发送一个 SYN 包(同步)到服务器,表示请求建立连接。
SYN-ACK:服务器响应一个 SYN-ACK 包,表示接受连接请求。
ACK:客户端发送一个 ACK 包,确认连接建立。
TCP 三次握手时序图
Server
Client
Server
Client
SYN
SYN-ACK
ACK

  1. TLS 握手(如果使用 HTTPS)
    如果您访问的是一个使用 HTTPS 的网站,接下来会进行 TLS 握手,以建立加密连接。TLS 握手包括协商加密算法、交换证书等步骤,确保通信的安全性。

  2. 发送 HTTP 请求
    连接建立后,浏览器会发送 HTTP 请求到服务器,通常是 GET 请求以获取网页内容。

  3. 服务器处理请求
    服务器接收到请求后,会根据请求的内容进行处理。这包括:

路由和负载均衡:在大型网站中,负载均衡器会将请求分发到多台服务器上,以平衡负载,提高可用性和响应速度。

[kod.saiboge.com)
[kod.shejibs.com)
[kod.shubuqing.com)
[kod.shengh.net)
[kod.sf055.com)
[kod.soho-china.com)
[kod.shvicky.com)
[kod.solar-grlm.com)
[kod.sbopa.com)
负载均衡时序图
Server2
Server1
LoadBalancer
Client
Server2
Server1
LoadBalancer
Client
HTTP Request
Forward Request
HTTP Response
HTTP Response
端口和服务:服务器上运行的不同服务会监听不同的端口。例如,HTTP 通常使用端口 80,HTTPS 使用端口 443。负载均衡器或防火墙会将请求路由到相应的端口和服务。

端口:服务器上的逻辑入口点,用于区分不同的服务。例如:

80:HTTP
443:HTTPS
21:FTP
22:SSH
服务:监听特定端口的应用程序或进程。例如,Nginx 或 Apache 监听 80 和 443 端口,处理网页请求。

  1. 服务器响应
    服务器处理完请求后,会生成响应(如 HTML 页面、图片、脚本等),并通过相同的 TCP 连接发送回客户端。

  2. 浏览器渲染页面
    浏览器接收到响应后,会解析 HTML、CSS、JavaScript 等资源,构建页面的 DOM(文档对象模型),并呈现在用户的屏幕上。

  3. 关闭连接
    根据 HTTP 协议版本和连接的具体情况,TCP 连接可能会被关闭,或者保持一定时间以便后续请求复用。

分类: 计算机网络

相关文章
|
24天前
|
弹性计算 人工智能 架构师
阿里云携手Altair共拓云上工业仿真新机遇
2024年9月12日,「2024 Altair 技术大会杭州站」成功召开,阿里云弹性计算产品运营与生态负责人何川,与Altair中国技术总监赵阳在会上联合发布了最新的“云上CAE一体机”。
阿里云携手Altair共拓云上工业仿真新机遇
|
16天前
|
存储 关系型数据库 分布式数据库
GraphRAG:基于PolarDB+通义千问+LangChain的知识图谱+大模型最佳实践
本文介绍了如何使用PolarDB、通义千问和LangChain搭建GraphRAG系统,结合知识图谱和向量检索提升问答质量。通过实例展示了单独使用向量检索和图检索的局限性,并通过图+向量联合搜索增强了问答准确性。PolarDB支持AGE图引擎和pgvector插件,实现图数据和向量数据的统一存储与检索,提升了RAG系统的性能和效果。
|
20天前
|
机器学习/深度学习 算法 大数据
【BetterBench博士】2024 “华为杯”第二十一届中国研究生数学建模竞赛 选题分析
2024“华为杯”数学建模竞赛,对ABCDEF每个题进行详细的分析,涵盖风电场功率优化、WLAN网络吞吐量、磁性元件损耗建模、地理环境问题、高速公路应急车道启用和X射线脉冲星建模等多领域问题,解析了问题类型、专业和技能的需要。
2577 22
【BetterBench博士】2024 “华为杯”第二十一届中国研究生数学建模竞赛 选题分析
|
18天前
|
人工智能 IDE 程序员
期盼已久!通义灵码 AI 程序员开启邀测,全流程开发仅用几分钟
在云栖大会上,阿里云云原生应用平台负责人丁宇宣布,「通义灵码」完成全面升级,并正式发布 AI 程序员。
|
3天前
|
JSON 自然语言处理 数据管理
阿里云百炼产品月刊【2024年9月】
阿里云百炼产品月刊【2024年9月】,涵盖本月产品和功能发布、活动,应用实践等内容,帮助您快速了解阿里云百炼产品的最新动态。
阿里云百炼产品月刊【2024年9月】
|
2天前
|
存储 人工智能 搜索推荐
数据治理,是时候打破刻板印象了
瓴羊智能数据建设与治理产品Datapin全面升级,可演进扩展的数据架构体系为企业数据治理预留发展空间,推出敏捷版用以解决企业数据量不大但需构建数据的场景问题,基于大模型打造的DataAgent更是为企业用好数据资产提供了便利。
164 2
|
20天前
|
机器学习/深度学习 算法 数据可视化
【BetterBench博士】2024年中国研究生数学建模竞赛 C题:数据驱动下磁性元件的磁芯损耗建模 问题分析、数学模型、python 代码
2024年中国研究生数学建模竞赛C题聚焦磁性元件磁芯损耗建模。题目背景介绍了电能变换技术的发展与应用,强调磁性元件在功率变换器中的重要性。磁芯损耗受多种因素影响,现有模型难以精确预测。题目要求通过数据分析建立高精度磁芯损耗模型。具体任务包括励磁波形分类、修正斯坦麦茨方程、分析影响因素、构建预测模型及优化设计条件。涉及数据预处理、特征提取、机器学习及优化算法等技术。适合电气、材料、计算机等多个专业学生参与。
1576 16
【BetterBench博士】2024年中国研究生数学建模竞赛 C题:数据驱动下磁性元件的磁芯损耗建模 问题分析、数学模型、python 代码
|
22天前
|
编解码 JSON 自然语言处理
通义千问重磅开源Qwen2.5,性能超越Llama
击败Meta,阿里Qwen2.5再登全球开源大模型王座
978 14
|
4天前
|
Linux 虚拟化 开发者
一键将CentOs的yum源更换为国内阿里yum源
一键将CentOs的yum源更换为国内阿里yum源
221 2
|
17天前
|
人工智能 开发框架 Java
重磅发布!AI 驱动的 Java 开发框架:Spring AI Alibaba
随着生成式 AI 的快速发展,基于 AI 开发框架构建 AI 应用的诉求迅速增长,涌现出了包括 LangChain、LlamaIndex 等开发框架,但大部分框架只提供了 Python 语言的实现。但这些开发框架对于国内习惯了 Spring 开发范式的 Java 开发者而言,并非十分友好和丝滑。因此,我们基于 Spring AI 发布并快速演进 Spring AI Alibaba,通过提供一种方便的 API 抽象,帮助 Java 开发者简化 AI 应用的开发。同时,提供了完整的开源配套,包括可观测、网关、消息队列、配置中心等。
735 9