从浏览器输入网址(URL),到最终展示页面,都发生了什么?

目录

前言

一、进行DNS域名解析

二、进行封装

三、进行传输

四、数据到达目标服务器,根据请求计算响应,重新封装,发送给客户端浏览器

五、客户端针对数据进行解析,分用

六、浏览器根据请求到的资源和数据进行渲染页面,最终向用户呈现一个完整的页面

七、结束


前言

从(如下图)

到你按下回车,再到最后出现这个网页界面(如下图)

中间到底发生了什么? 

接下来就带你一步步进行解析~


一、进行DNS域名解析

        DNS由解析器和域名服务器组成的, 他就是用来将域名转化成IP地址的;

        进一步解释:咱们在网上上网通常输入的都是一段网址,这其实就是域名(IP地址不好记,域名的出现只是为了方便大家记忆的IP地址的另一种形式),而网络上的设备都是通过IP地址作为身份标识的,并且通过IP地址相互识别,所以这时候就需要通过DNS系统来将域名转化成IP地址,找到我们

从输入URL到浏览器显示页面到底经历了什么? 很多公司面试都喜欢问这个问题:从输入URL到看见页面发生了什么?今天就来做个总结。 简单来说,共有以下几个过程: DNS解析 建立TCP连接,进行三次握手 发送HTTP请求 服务器处理请求并返回HTTP报文 浏览器解析并渲染页面 释放TCP连接,进行四次挥手 DNS解析 建立TCP连接 什么是TCP TCP是一种面向连接的协议,并提供一种可靠的传输。TCP连接有三个阶段,即:连接建立、数据传输... 阅读详情

相关推荐

浏览器输入url,到看到页面会发生什么?

9:下载资源:在渲染页面的过程中,如果页面包含其他的资源(如 CSS 文件、JavaScript 文件、图像等),浏览器会根据 HTML 中的链接和脚本标签等信息,继续发送请求并下载这些资源。6:服务器发送响应:服务器处理完请求后,会生成一个 HTTP 响应,包括响应状态码(如 200 OK)、响应头(如内容类型、缓存控制)和响应体(包含请求的内容)等信息。7:接收响应:浏览器接收到服务器发送的响应后,会根据响应头中的内容类型决定如何处理响应,例如渲染 HTML、执行 JavaScript、下载文件等。

祈澈菇凉 384

ResNet理论基础与具体实现(详细教程)

论文地址:Deep Residual Learning for Image Recognition ​ Identity Mappings in Deep Residual Networks pytroch源码地址:resnet 0x00 前言 ResNet是2015年就提出的网络结构,中文名字叫作深度残差网络,主要作用是图像分类。现在在图像分割、目标检测等领域都有很...

coordinate的博客 8329

Windows10 Qt下用MINGW 编译VTK-8.1.0

1. 材料准备(1) 下载VTK-8.1.0: https://www.vtk.org/download/(2) 下载TIFF库: http://gnuwin32.sourceforge.net/packages/tiff.htm(直接安装即可,注意选择路径不包含中文字符)2. 安装: (1) cmake配置: a. Module下配置:勾选下图所示的六项 b. Build 配置:勾选这里能够在b...

hit1524468的专栏 3891

CentOS7下Node.js v20+安装与常见依赖库问题解决指南

本文详细介绍了在CentOS7系统下安装Node.js v20+的完整流程及常见依赖库问题的解决方案。通过升级glibc到2.28+、配置环境变量以及处理libstdc++版本问题,帮助开发者顺利在老旧系统上部署最新版Node.js,提升开发效率。

weixin_30689307的博客 156

InVEST模型实战指南:从水源涵养到热岛缓解的生态系统服务评估

本文提供了InVEST模型的实战指南,详细介绍了从环境搭建、数据预处理到核心模型应用的完整流程。通过水源涵养、碳存储、土壤保持和城市热岛缓解等核心模型的拆解,帮助生态学者与规划者系统量化评估生态系统服务,将复杂的生态价值转化为直观的空间数据与地图,为科学决策提供有力支撑。

weixin_29197051的博客 427

数据分析案例-电影数据可视化分析

数据介绍数据为2011-2021电影数据可视化分析首先导入本次项目需要的包和数据 数据预处理 可视化

m0_64336780的博客 2万+

AI上推荐 之 NeuralCF与PNN模型(改变特征交叉方式)

1. 前言 随着信息技术和互联网的发展, 我们已经步入了一个信息过载的时代,这个时代,无论是信息消费者还是信息生产者都遇到了很大的挑战: 信息消费者:如何从大量的信息中找到自己感兴趣的信息? 信息生产者:如何让自己生产的信息脱颖而出, 受到广大用户的关注? 为了解决这个矛盾, 推荐系统应时而生, 并飞速前进,在用户和信息之间架起了一道桥梁,一方面帮助用户发现对自己有价值的信息, 一方面让信息能够展现在对它感兴趣的用户前面。 推荐系统近几年有了深度学习的助推发展之势迅猛, 从前深度学习的传统推荐模型(协

Miracle8070 1万+

FOC 电流采样方案对比(单电阻/双电阻/三电阻)

电流采样的作用 在FOC算法中,电流采样在反馈环节是相当重要的一部分,通常交流三相同步电机在进行坐标变换的时候,需要实时测量相电流,最终通过SVPWM实现电机转子磁场和定子磁场的同步转动,那么这里有三种方案,单电阻采样,双电阻采样,三电阻采样。本文参考ST的单电阻和三电阻采样以及TI的双电阻采样,结合实际中可能需要注意的地方进行总结分析。 单电阻采样 双电阻采样 三电阻采样 ...

一名热爱技术的工程师的博客。分享技术干货,记录美好生活。永远相信美好的事情即将发生。 4万+

分享Charles抓包 显示<unknown> 解决方案 !

首先电脑上需要安装charles,然后需要设置手机上的WiFi设置,修改配置中的代理设置,把服务器的主机名设置成你电脑当前的ip地址(需要注意的是,你的代理服务器主机名的ip地址要和你当前连的ip地址的网段需要一致)。像 Charles 这样的工具,虽然功能强大,但仍然需要用户具备一定的配置和排障能力,以应对各种复杂的网络环境。通过将 Charles 的 SSL 证书正确安装到移动设备中,并在设置中启用“允许不安全的内容”选项,最终成功解决了这一问题,并准确抓取到所有请求数据。Charles 显示。

朱雀随云记的博客 8104

VB摄像头监控

该VB模块可对摄像头捕获的画面进行录像等,可在创建的窗口进行控制

VC中sqlite的使用

在VC中对sqlite的使用,实现数据库大批数据的快速插入,读取数据库中的数据在ListCtrl中显示

ET2012新版免狗免安装绿色软件

ET2012新版免狗免安祖昂绿色软件。,新界面,新视觉,

Probability and Statistics - 4th edition

Probability and Statistics - 4th edition

上一篇: 三握,四挥,滑动窗口会了吗?面试TCP/IP经典问题总是忘?快来这里~
下一篇: 【JavaScript】基于querySelector / querySelectorAll对元素的操作,为你的DOM API基础扫盲~
陈亦康
陈亦康 优质创作者: Java技术领域 优质创作者: Java技术领域
博客等级 码龄5年 6万+粉丝 388原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

陈亦康

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值