女同 一步步揭秘：浏览器输入URL后的那些事儿

Hello众人好，我是小米女同女同，一个爱好共享时期的IT达东谈主。今天咱们整个来聊聊一个众人每天王人会用到但可能不太了解的经由：浏览器输入URL之后发生了什么。这是一个从用户输入到浏览器默契页面的完满经由，波及到好多底层的蚁集基础学问。今天咱们就整个来研讨这个边远的经由！

韩国艳星

DNS剖释

当先，当你在浏览器地址栏中输入一个URL，比如https://www.example.com，并按下回车键时，浏览器当先要作念的事情便是找到这个域名对应的IP地址。这一圭表称为DNS剖释。

什么是DNS？

DNS（Domain Name System）是一种散布式数据库，它负责将东谈主类容易记忆的域名（如www.example.com）抨击为机器大略意会的IP地址（如192.168.1.1）。就像一个电话簿，你不错通过名字查找到对应的电话号码。

DNS剖释的经由

浏览器缓存：浏览器当先会查验我方是否缓存了这个域名对应的IP地址。要是有缓存而况莫得过时，就径直使用这个缓存成果。操作系统缓存：要是浏览器莫得缓存，就会查询操作系统的缓存。路由器缓存：要是操作系统也莫得缓存，查询会连接进取，查验路由器的缓存。ISP DNS管事器：要是路由器也莫得缓存，浏览器会向ISP（互联网管事提供商）的DNS管事器发起查询。递归查询：要是ISP的DNS管事器也莫得成果，它会进行递归查询，向其他DNS管事器连络，直到找到成果为止。

通过以上圭表，浏览器最终赢得到了www.example.com对应的IP地址，比如93.184.216.34。

TCP相连

赢得到IP地址后，浏览器需要与管事器征战相连。这里使用的是TCP（Transmission Control Protocol）契约。

三次抓手

TCP相连的征战需要经过所谓的“三次抓手”经由：

第一次抓手：浏览器（客户端）向管事器发送一个SYN（synchronize）央求包，暗示但愿征战相连。第二次抓手：管事器收到SYN包后，讲演一个SYN/ACK包，暗示应允征战相连。第三次抓手：客户端收到SYN/ACK包后，再发送一个ACK（acknowledgement）包，阐发相连征战。

通过这三次抓手女同，浏览器与管事器之间的TCP相连负责征战。

发送HTTP央求

在TCP相连征战之后，浏览器会发送HTTP央求来赢得网页内容。HTTP（HyperText Transfer Protocol）是一种无景色的契约，客户端向管事器发送央求，管事器解决央求后复返反馈。

构建HTTP央求

一个典型的HTTP央求包括以下部分：

央求行：包含央求措施（如GET、POST）、央求URL和HTTP版块。

央求头：包含一些模样客户端环境、央求主体等信息的元数据，如User-Agent、Host等。

央求主体：在POST央求中，包含需要发送的数据。

示例HTTP央求

管事器解决央求并复返HTTP报文

管事器摄取到HTTP央求后，会进行解决并复返HTTP反馈。

管事器解决央求

管事器会字据央求的内容，进行相应的解决操作：

静态资源央求：如HTML文献、CSS方法表、图片等，管事器会径直从文献系统中读取并复返。动态资源央求：如使用PHP、Node.js等动态谈话生成的内容，管事器会先奉行相应的代码，生成内容后再复返。

构建HTTP反馈

一个典型的HTTP反馈包括以下部分：

景色行：包含HTTP版块、景色码（如200暗示得胜，404暗示未找到）和景色模样。反馈头：包含一些模样反馈内容的元数据，如Content-Type、Content-Length等。反馈主体：包含本色的反馈数据，如HTML文档、图片等。

示例HTTP反馈

浏览器渲染

浏览器摄取到管事器复返的HTTP反馈后，会进行渲染，将网页内容展示给用户。

渲染经由

剖释HTML：浏览器会将HTML剖释成DOM（Document Object Model）树。剖释CSS：浏览器会剖释CSS，生成CSSOM（CSS Object Model）树。构建渲染树：将DOM树和CSSOM树聚拢，构建渲染树。布局：字据渲染树计较每个节点在屏幕上的位置和大小。绘图：将渲染树的每个节点绘图到屏幕上。

JavaScript的奉行

在剖释HTML的经由#图文新星策画#中，要是碰到JavaScript代码，浏览器会暂停HTML的剖释，先奉行JavaScript。JavaScript不错修改DOM和CSSOM，因此会影响最终的渲染成果。

END

当所有的资源王人加载并渲染终了后，整个经由就死心了。用户不错看到完满的网页内容，并与之进行交互。

以上便是从你在浏览器输入URL到页面展示的完满经由，是不乱骂常酷爱呢？要是众人对某个圭表还有疑问或者思了解更多的细节，迎接在驳倒区留言哦！

我是小米，一个心爱共享时期的29岁圭表员。要是你心爱我的著述，迎接温情我的微信公众号“软件求生”，赢得更多时期干货！