天天都用浏览器的你知道输入网址后发生了什么吗?

最新推荐文章于 2024-04-12 20:00:00 发布
最新推荐文章于 2024-04-12 20:00:00 发布
阅读量593 收藏
点赞数
分类专栏： 计算机网络 文章标签： http css html javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42519804/article/details/113804238
版权

本文首发于个人博客

前言

浏览器是如今必不可少的工具之一，每天都有无数人通过浏览器获取自己需要的信息。那么当你在浏览器中键入一行网址后究竟发生了什么？我们下面一起捋一捋。

图解

输入url到加载页面

具体分析

DNS解析

所谓解析就是把方便人类记忆的域名翻译成计算机的ip地址。比如输入的url是www.baidu.com，首先在本地域名服务器中寻找ip地址，如果没找到，本地域名服务器会请求根域名服务器寻找，如果还是没找到，本地域名服务器会请求com顶级域名服务器，如果还找不到，那么本地域名服务器继续请求baidu.com域服务器。

在linux命令行中输入dig baidu.com +trace可以详细看到dns解析过程。

1、查询了根域名服务器 ，返回了13个根域名服务器的主机名。（目前全球一共13个根域名服务器)

; <<>> DiG 9.11.4-P2-RedHat-9.11.4-9.P2.el7 <<>> baidu.com +trace
;; global options: +cmd
.			5	IN	NS	g.root-servers.net.
.			5	IN	NS	a.root-servers.net.
.			5	IN	NS	h.root-servers.net.
.			5	IN	NS	f.root-servers.net.
.			5	IN	NS	k.root-servers.net.
.			5	IN	NS	j.root-servers.net.
.			5	IN	NS	e.root-servers.net.
.			5	IN	NS	i.root-servers.net.
.			5	IN	NS	d.root-servers.net.
.			5	IN	NS	m.root-servers.net.
.			5	IN	NS	c.root-servers.net.
.			5	IN	NS	b.root-servers.net.
.			5	IN	NS	l.root-servers.net.
;; Received 239 bytes from 192.168.142.2#53(192.168.142.2) in 4047 ms

2、返回com.顶级域名服务器信息

com.			172800	IN	NS	e.gtld-servers.net.
com.			172800	IN	NS	c.gtld-servers.net.
com.			172800	IN	NS	i.gtld-servers.net.
com.			172800	IN	NS	f.gtld-servers.net.
com.			172800	IN	NS	k.gtld-servers.net.
com.			172800	IN	NS	j.gtld-servers.net.
com.			172800	IN	NS	m.gtld-servers.net.
com.			172800	IN	NS	l.gtld-servers.net.
com.			172800	IN	NS	g.gtld-servers.net.
com.			172800	IN	NS	b.gtld-servers.net.
com.			172800	IN	NS	d.gtld-servers.net.
com.			172800	IN	NS	h.gtld-servers.net.
com.			172800	IN	NS	a.gtld-servers.net.
com.			86400	IN	DS	30909 8 2 E2D3C916F6DEEAC73294E8268FB5885044A833FC5459588F4A9184CF C41A5766
com.			86400	IN	RRSIG	DS 8 1 86400 20210226050000 20210213040000 42351 . sKLysaJvml4IZAj8fgWq+Kx5mNwc/K7vEzqlyRqT1xqQqMLajvy4N+cB 4yEK4P7tRZmus5iJ2n1F8ejG90NonpdxrZMZM5XoiqktGHSUt4cA+9bh 5Howi3VOBE94BEyuPOC7S0PZIO41J8kCASOlQRKwn/JgDJ3fxwM3JJU7 hn8OmZ4cQwI8GuBNf2rrdzr7JaywDTAHGPleTR+aHpxbKN/pIQwQqQN4 cv8OaDY1wxonAuDaFrAUKW4Gl3ekNmFKvmo5a2jybDF+wu14NwRX57Ho hAefWTraAeqQLdm1JJ5IM0B+wokDqpOyZG/9hCBPklqhWL8USLeWr//c uUzkig==
;; Received 1169 bytes from 202.12.27.33#53(m.root-servers.net) in 133 ms

3、返回baidu.com.域服务器信息

baidu.com.		172800	IN	NS	ns2.baidu.com.
baidu.com.		172800	IN	NS	ns3.baidu.com.
baidu.com.		172800	IN	NS	ns4.baidu.com.
baidu.com.		172800	IN	NS	ns1.baidu.com.
baidu.com.		172800	IN	NS	ns7.baidu.com.
CK0POJMG874LJREF7EFN8430QVIT8BSM.com. 86400 IN NSEC3 1 1 0 - CK0Q1GIN43N1ARRC9OSM6QPQR81H5M9A NS SOA RRSIG DNSKEY NSEC3PARAM
CK0POJMG874LJREF7EFN8430QVIT8BSM.com. 86400 IN RRSIG NSEC3 8 2 86400 20210217054119 20210210043119 58540 com. FD+n+fO9jI2LoVi9ULqvx6lIp8ZP5yC/0HzfnJqiqgTTubTJiVzoVT29 xai2LSeepPqzS/+sehbGHpqOgj21uJoOLePqmaVx/f73ZGcP6Ud2tlkQ QIE++OwDlcQK6P/BM96xdHmGEnG/RaMrFiHV919Xog+sFZddMpjVTtYR q9nST68IU2gLDcNTFeeM7P3CaUdaSRl3LIRz8iuWMrYNSg==
HPVUSBDNI26UDNIV6R0SV14GC3KGR4JP.com. 86400 IN NSEC3 1 1 0 - HPVVN3Q5E5GOQP2QFE2LEM4SVB9C0SJ6 NS DS RRSIG
HPVUSBDNI26UDNIV6R0SV14GC3KGR4JP.com. 86400 IN RRSIG NSEC3 8 2 86400 20210217071943 20210210060943 58540 com. N5kC7xBpBiXE1kFHNz0QrRWRsebQhrT+zL+oO8yaR0tRQfIhHR1QMNCl Nf6jGiV+W518OfSN16Ypw54wiKf5esFFNChS0LKgp522CUzp8mYYiI5D c8elJwUrD1mYqzLXTjTQF8v2IK3bi/NwWzCasM3K5YEnP2ihO9aLRATU 3l7MdCQC9kajJ8CzkLtA+JsnK0jTP3YsrClYZmS5jKmz4Q==
;; Received 757 bytes from 192.43.172.30#53(i.gtld-servers.net) in 276 ms

4、最终查到了ip地址

baidu.com.		600	IN	A	39.156.69.79
baidu.com.		600	IN	A	220.181.38.148
baidu.com.		86400	IN	NS	ns3.baidu.com.
baidu.com.		86400	IN	NS	ns7.baidu.com.
baidu.com.		86400	IN	NS	dns.baidu.com.
baidu.com.		86400	IN	NS	ns4.baidu.com.
baidu.com.		86400	IN	NS	ns2.baidu.com.
;; Received 240 bytes from 180.76.76.92#53(ns7.baidu.com) in 22 ms

找到ip地址后会将其存入DNS缓存方便下次查询。

DNS负载均衡

如果一个网站用户很多，那么一台机器显然无法满足大量的请求。DNS负载均衡可以在DNS服务器中为一个域名配备多个ip地址，从而引导用户访问到不同的机器。CDN就是负载均衡技术的体现，它把和用户最近的服务器ip返回给用户。

浏览器进行http请求 服务器返回响应

http是使用tcp作为传输协议的，关于tcp协议可以参考我的另一篇文章。这一段传输过程可以参考《图解HTTP》中的下图。

image-20210213165353534

浏览器渲染页面

浏览器首先解析HTML构建DOM树，然后解析CSS构建CSS规则树，将DOM树和规则树合成渲染树。之后遍历渲染树开始布局，计算每个节点的位置大小信息，将渲染树每个节点绘制到屏幕。具体过程可以参考这篇文章

image-20210213193103625

参考文章

https://segmentfault.com/a/1190000006879700

https://zhuanlan.zhihu.com/p/133906695

https://juejin.cn/post/6844903565610188807

eziozhao
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
从输入URL到浏览器接收的过程中发生了什么事情？
02-26
首先是「输入URL」，大部分人的第一反应会是键盘，不过为了与时俱进，这里将介绍触摸屏设备的交互。触摸屏一种传感器，目前大多是基于电容(Capacitive)来实现的，以前都是直接覆盖在显示屏上的，不过最近出现了3种嵌入到显示屏中的技术，第一种是iPhone5的In-cell，它能减小了0.5毫米的厚度，第二种是三星使用的On-cell技术，第三种是国内厂商喜欢用的OGS全贴合技术，具体细节可以阅读这篇文章。当手指在这个传感器上触摸时，有些电子会传递到手上，从而导致该区域的电压变化，触摸屏控制器芯片根据这个变化就能计算出所触摸的位置，然后通过总线接口将信号传到CPU的引脚上。以Nexus5为例，
在浏览器中输入地址之后发生了什么过程？
qq_45153972的博客
03-26 2544
在浏览器中输入地址之后发生了什么过程
第十篇 - 如何利用人工智能技术做好营销流量整形管理？（Traffic Shaping）- 我为什么要翻译介绍美国人工智能科技巨头IAB公司（1）
weixin_45278215的博客
03-05 1920
流量整形算法用于确定对相应买家的竞价系统的请求的质量水平，在该竞价系统中，它将确定流量是否可能被竞价和购买，或者不被竞价，从而相应地整形流量。这将导致每个交易对合作伙伴的流量分配方式发生重大变化，并可以解释当前的竞价行为和活动设置。随着新买家和供应商的加入，该算法将自动优化可能的低质量流量。 通过学习完本文，你将学会如何与腾讯、百度和谷歌等平台公司合作营销推广，你或许可以尝试制订营销广告投资实施计划、过程管理（KPI）和控制体系。
第二章第二十二题（金融应用：货币单位）(Financial application: monetary units)
xjlovewjh的博客
02-02 1113
下面是参考答案代码: 运行效果： 注：编写程序要养成良好习惯 如：1.文件名要用英文，具体一点 2.注释要英文 3.变量命名要具体，不要抽象（如:a,b,c等等），形式要驼峰化 4.整体书写风格要统一（不要这里是驼峰，那里是下划线，这里的逻辑段落空三行，那里相同的逻辑段落空5行等等） ...
在浏览器上输入一个网址后，发生了什么？/HTTP的工作流程/DNS域名解析过程
m0_52165864的博客
08-14 6828
在浏览器中输入url并且获取响应的过程，其实就是浏览器和该url对应的服务器的网络通信过程。就比如在浏览器中输入：www.baidu.com，那么会返回一个百度搜素的界面，这其实就是浏览器和百度服务器之间的网络通信过程。浏览器就是客户端，用于发出请求，而百度的服务器就是服务器，用于接收并响应请求。......
面试突击：输入URL之后会执行什么流程？
m0_71777195的博客
08-08 1745
在浏览器中输入 URL 之后，它会执行以下几个流程：执行 DNS 域名解析；封装 HTTP 请求数据包；封装 TCP 请求数据包；建立 TCP 连接（3 次握手）；参数从客户端传递到服务器端；服务器端得到客户端参数之后，进行相应的业务处理，再将结果封装成 HTTP 包，返回给客户端；服务器端和客户端的交互完成，断开 TCP 连接（4 次挥手）；浏览器通过自身执行引擎，渲染并展示最终结果给用户。...
在浏览器地址栏中输入地址后浏览器发生了什么？
pingguo函数的博客
04-30 3293
当我们向浏览器的地址栏中输入一个网址并按下enter键之后，便可以跳转到网址对应的页面，那么浏览器内部是如何实现该功能的呢？从浏览器获取url到成功加载出页面主要经历了以下几个过程:
浏览器输入URL后发生了什么
ss043500的博客
06-22 377
要注意的是，浏览器的解析过程并非是串连进行的，比如在解析CSS的同时，可以继续加载解析HTML，但在解析执行JS脚本时，会停止解析后续HTML，这就会出现阻塞问题，关于JS阻塞相关问题，这里不过多阐述,后面会单独开篇讲解。客户端收到你输入的域名地址后，它首先去找本地的hosts文件，检查在该文件中是否有相应的域名、IP对应关系，如果有，则向其IP地址发送请求，如果没有，再去找DNS服务器。我们在浏览器输入网址，其实就是要向服务器请求我们想要的页面内容，所有浏览器首先要确认的是域名所对应的服务器在哪里。
面试题：输入网址后发生了什么
weixin_51601437的博客
07-17 2027
一次HTTP请求过程或者输入网址后发生了什么前言一、流程概括二、具体流程1.DNS解析2.三次握手建立连接2.1为什么是三次握手，二次不行吗？3.发送HTTP请求4.服务器解析请求，并返回数据5.浏览器解析响应，展示相应的界面6.断开连接（四次挥手）6.1为什么是四次挥手？ 前言 当我们在浏览器中输入一个网址后，浏览器给我们返回一个页面过程中，到底发生了什么？ 一、流程概括 1.进行DNS解析，找到对应ip地址的服务器 2.通过TCP协议建立连接（三次握手） 3.建立连接后，浏览器发送HTTP请求 4.服
在浏览器输入URL回车之后发生了什么？（超详细版）
01-07
这篇笔记是我这两天看了数十篇文章总结出来的，所以相对全面一点，但由于我是做前端的，所以会比较重点分析浏览器渲染页面那一部分，至于其他部分我会罗列出关键词，感兴趣的可以自行查阅， 注意：本文的步骤是建立...
在浏览器中输入 URL 并回车后都发生了什么？
07-31
在浏览器中输入 URL 并回车后都发生了什么？
深度解析浏览器中输入URL后发生了什么
04-12
在 Windows 系统中通过 C:\Windows\System32\drivers\etc\hosts 文件可以将域名解析到任何能够访问的 IP 地址，浏览器会首先使用这个地址。Linux 中这个配置文件是 /etc/named.conf。 缓存时间同样受域名失效时间与...
（十九）在浏览器中输入网址之后执行会发生什么？
FixedStar 的博客
07-17 1808
第一步：通过访问的域名找出其IP地址.（即域名解析） DNS查找过程如下： 浏览器缓存 –浏览器会缓存DNS记录一段时间。 有趣的是，操作系统没有告诉浏览器储存DNS记录的时间，这样不同浏览器会储存个自固定的一个时间（2分钟到30分钟不等）。 操作系统缓存– 如果在浏览器缓存里没有找到需要的记录，浏览器会做一个系统调用（windows里是gethostbyname）。这样便可获得系统缓存...
当你输入一个网址的时候，实际会发生什么?
weixin_33955681的博客
02-25 2114
原文:http://igoro.com/archive/what-really-happens-when-you-navigate-to-a-url/  作为一个软件开发者，你一定会对网络应用如何工作有一个完整的层次化的认知，同样这里也包括这些应用所用到的技术：像浏览器，HTTP，HTML，网络服务器，需求处理等等。 本文将更深入的研究当你输入一个网址的时候，后台到底发生了一件件什么样的事～ 1....
浏览器输入网址后发生了什么？
J的博客
12-19 2599
当你在浏览器输入一个网址并敲回车，这个过程后面发生了什么？
输入一个网址后发生了什么
热门推荐
forever-and-ever的博客
09-09 2万+
当你在浏览器输入一个网址，如http://www.taobao.com，按回车之后发生了什么？请从技术的角度描述，如浏览器、网络（UDP、TCP、HTTP等），以及服务器等各种参与对象上由此引发的一系列活动，请尽可能的涉及到所有的关键技术点。 1.DNS解析 DNS解析的过程就是寻找哪台机器上有你需要资源的过程，寻找的过程遵循就近原则。 输入一个网址并按回车的时候浏览器会根据输入的URL去查...
在浏览器输入网址后都发生了什么？
ali_lili的博客
05-15 1732
前言 以最简单的www.baidu.com为例，讲讲输入该网址之后，都发生了什么事情。 第一步：DNS解析 主机向本地域名服务器发送消息，该过程为递归查询；本地域名服务器向后面的服务器发送查询消息，该过程是迭代查询。所以，对于经常访问的网站，本地域名服务器会保存该纪录，在输入网址之后就会很快返回，而对于第一次访问的网站，则要到com顶层查找，这样速度自然就慢了。 第二部：封装HTTP请求 包括请求...
计算机网络之当输入网址后会发生什么
Artisan_w
07-17 1028
文章目录前言一、生成HTTP请求消息二、DNS解析总结 前言 我们都知道，每次打开浏览器输入网址，如www.baidu.com，这时会进入百度页面。这中间发生了怎样的过程：简单来说当你发送网址，给服务器，服务器返回响应，把对应页面返回给你的机器。那么在你输入网址，点Enter后发生了什么，其中在这一瞬间发生了两个过程： 一，生成HTTP请求消息： 二，向DNS解析得到对应的IP。 接下来将会详细解释这两个过程所设计的知识点。 提示：以下是本篇文章正文内容，下面案例可供参考 一、生成HTTP请求消息 对于
编写http接口api及接口自动化测试
最新发布
NHB456789的博客
04-12 1129
我们要实现后台管理中的用户管理功能，实现对用户的增、修改、删除、查询操作。文中场景省去登录和用户权限部分，但我会在接口代码片段中进行注释说明。
用浏览器浏览网页，从输入网址开始，到网页完全打开，浏览器和服务器 都做了什么？
06-08
当你在浏览器中输入网址时，浏览器会首先解析网址并获取主机名，然后通过DNS服务器查询该主机名对应的IP地址。一旦浏览器获得IP地址，它会开始与服务器建立TCP连接，以便发送HTTP请求。 一旦TCP连接建立，浏览器会...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值