从在浏览器的输入框输入一个网址，到看到网页的内容，这个过程中发生了什么？

最新推荐文章于 2024-03-29 16:35:34 发布
最新推荐文章于 2024-03-29 16:35:34 发布
阅读量1.4k 收藏 2
点赞数 1
分类专栏： 软件测试
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/NitefullSand/article/details/106138253
版权
从输入URL开始，浏览器经历了DNS解析、TCP连接、HTTP请求、页面渲染等多个步骤。网络通信涉及TCP/IP协议、DNS查找IP、HTTP请求与响应。页面渲染包括构建DOM树、渲染树和绘制。整个过程还包括了重绘与重排。
摘要由CSDN通过智能技术生成

https://www.cnblogs.com/ouyang99-/p/10284271.html

 

     当在浏览器地址栏输入网址，如：www.baidu.com后浏览器是怎么把最终的页面呈现出来的呢？这个过程可以大致分为两个部分：网络通信和页面渲染。

一、网络通信

    互联网内各网络设备间的通信都遵循TCP/IP协议，利用TCP/IP协议族进行网络通信时，会通过分层顺序与对方进行通信。分层由高到低分别为：应用层、传输层、网络层、数据链路层。发送端从应用层往下走，接收端从数据链路层网上走。如图所示：

TCPIP

1. 在浏览器中输入url

    用户输入url，例如http://

最低0.47元/天 解锁文章
NitefullSand
关注
专栏目录
从浏览器输入网址(URL)，到最终展示页面，都发生了什么？
CYK_byte的博客
11-01 3662
从（如下图）到你按下回车，再到最后出现这个网页界面（如下图）中间到底发生了什么？接下来就带你一步步进行解析~
带你系统了解从浏览器中输入网址到显示出网页内容其间计算机网络经历了哪些过程
weixin_45797022的博客
05-04 2631
前言 这几天在看《网络是怎样连接的》这本书，我认为读书最有效率的方法就是读完之后，自己能将书中的内容串讲一遍，所以在此根据书中作者的脉络，自己大致的将从浏览器中输入网址到显示出网页内容其间经历了哪些过程梳理一遍。 当然网络是一个巨大而复杂的系统，你不可能仅靠一篇文章就可以领悟网络的工作机制，如果要想真正系统地了解它，那么还是需要去啃大部头——《计算机网络概论》。。。 正文 ...
【面试那些事儿】浏览器键入网址到网页显示，期间发生了什么
最新发布
fantasic_van的博客
03-29 825
当用户在浏览器中键入网址并按下回车键后，直到最终显示出完整的网页内容，这一过程中经历了哪些步骤呢？
详细说一下用户在浏览器中输入一个URL，随后展示页面的过程（这个过程涉及的协议有哪些，详细说一下URL，如何请求到对应的服务的）
xuejiao_lin的博客
04-27 1万+
浏览器中输入一个URL：（1）    首先浏览器要将URL解析为IP地址，解析域名就要用到DNS协议，首先主机会查询DNS的缓存，如果没有给本地DNS发送查询请求。DNS的查询方式有两种，一种是递归查询，一种是迭代查询。如果是迭代查询，本地的DNS服务器，向根域名服务器发出查询请求，根域名服务器告知该域名的一级域名服务器，然后本地服务器给该一级域名服务器发送查询请求，然后依次类推直到查询到该域名的...
浏览器从输入网址到打开网页的过程
pUPPyddd的博客
02-28 1191
浏览器从输入网址到打开网页的过程 一：URL解析成ip地址 名词解释： URL :(Uniform Resource Locator)统一资源定位符，用于互联网上不同资源的标示。 urljieshi 1：浏览器本地解析URL（一般是做格式化检查以及确认用http还是https协议，默认是http协议）。 2：浏览器本地缓存查找url对应ip。 3：本地host文件查找对应ip。 4：本地路由器DNS查看对应ip。 查找顺序：浏览器缓存-系统缓存-本地路由器DNS缓存 若上面都查不到，本地DNS则发送请求至根
【图文详解】浏览器输入URL，涉及到的协议和过程，你看到的最全面的一篇介绍
m0_48256515的博客
06-24 4013
1、过程详解 ① DNS 解析：当用户输入一个网址并按下回车键的时候，浏览器获得一个域名，而在实际通信过程中，我们需要的是一个 IP 地址，因此我们需要先把域名转换成相应 IP 地址。【需要DNS地址解析协议】 ② TCP 连接：浏览器通过 DNS 获取到 Web 服务器真正的 IP 地址后，便向 Web 服务器发起 TCP 连接请求，通过 TCP 三次握手建立好连接。 ③建立TCP协议时，需要发送数据，发送数据在网络层使用IP协议， 通过IP协议将IP地址封装为IP数据报； 然后此时会用到ARP协议，主机
经典面试题：浏览器输入 URL 背后发生了什么？(图解版)
weixin_46635091的博客
01-19 399
概述过程 ---- 分为两个大部分，一部分是生成HTTP请求，另外一部分是浏览器委托协议栈进行通信。 大体分为如下步骤： 解析url 生成HTTP请求 向DNS服务器查询WEB服务器的IP地址 全世界DNS服务器的接力 委托协议栈发送信息 创建套接字 连接服务器 收发数据 断开连接 由于知识点有点多，请各位大佬细听小弟娓娓道来。 生成HTTP请求 -------- 解析url 我们的探索之旅从在浏览器中输入网址开始，在介绍浏览器的工作方式之前，让我们先来介绍一下网址，准确来说应该叫URL。 实际上除了“
JS中解决谷歌浏览器记住密码输入框颜色改变功能
10-20
在谷歌浏览器中，当用户保存了密码之后，输入框的背景色和字体颜色会发生变化，这可能会破坏网页设计的统一性和用户的体验。本文针对此问题，提供了一些解决办法。 首先，需要了解的是谷歌浏览器的一个特性：当表单...
jquery实现输入框实时输入触发事件代码
10-20
在网页设计中，输入框实时输入触发事件是一项常用的功能，可以用来实现如自动补全、实时搜索、表单验证等操作。使用jQuery来实现这一功能，既简单又高效。本文将详细解释如何利用jQuery来完成输入框实时输入触发事件...
浏览器运行原理-从搜索框输入URL或关键字到页面成功展示的过程
qq_30258721的博客
12-03 707
浏览器运行原理-搜索框输入URL或关键字后浏览器会做什么？
浏览器中输入网址到看到网页内容经历了哪些过程
h295928126的博客
09-20 2683
浏览器中输入网址到看到网页内容经历了哪些过程
面试题:从用户在浏览器输入域名,到浏览器显示出页面,这中间发生了什么(工作过程)?
yeliner的博客
06-07 8751
这是一道很基础的题,但是也容易被忽视.主要是要进行域名解析. 1.在浏览器中输入地址,如:www.baidu.com 2.向DNS服务器查询网站IP地址 3.DNS服务器返回网站IP地址(如:119.75.217.56) 4.浏览器得到IP地址后.浏览器会把用户输入的域名转化为HTTP服务请求 5.服务器接收到请求后,返回网页信息 6.客户端浏览器将这些信息组织成用户可以查看的网页形式...
[计算机网络] 从输入网址到返回页面中间经历了什么
浅夜
08-19 799
1. URL 解析 首先浏览器判断该URL是否是合法的URL。如果是合法的，就生成http请求报文。 2. DNS 解析 DNS解析就是将地址栏的域名转化为IP地址 DNS 寻址过程 在浏览器中输入 www.qq.com 域名，操作系统会先检查自己本地的 hosts 文件是否有这个网址映射关系。 如果在本地的 hosts 文件没有能够找到对应的 ip 地址，浏览器会发出一个 DNS请求到本地DNS服务器 。本地DNS服务器一般都是你的网络接入服务器商提供，比如中国电信，中国移动。 如果本地DNS服务器的缓
关于浏览器输入一个网址后页面经历的过程总结
薛定谔的猫-前端领域
04-27 1万+
浏览器的架构如上图，包括。 主流程 二、用户输入 根据规则，把这段内容加上协议，合成为完整的 URL。 判断输入的关键字是搜索内容，还是请求的 URL 如果是搜索内容：使用浏览器默认的搜索引擎，来合成新的带搜索关键字的 URL。 如果是地址：添加协议头等信息 三、网络请求 强缓存 浏览器发送请求前，根据请求头的expires和cache-control判断是否命中（包括是否过期）强缓存策略，如果命中，直接从缓存获取资源，并不会发送请求。如果...
当用户在浏览器输入一个地址，敲回车后发生的事情
八点半技术站
11-27 1055
​​网络在不知不觉中成为大家生活中的点缀。在网络世界里，人们可以购物，查询信息，查询资料。足不出户，便知千里音。 ​今天我给大家普及一下，我们打开搜索引擎（百度），在文本框输入内容点击搜索后，这个过程到底经历了什么~~~这个内容针对所有不知道的读者，相信大家看完后，一定有所了解​。（emmm、不懂电脑的读者看完这票件文章应该还是会有点晕吧......） ​如...
js实现在一个input框输入时另一个input同步显示
热门推荐
spaceX_91的博客
04-30 1万+
在我做的一个项目中有一个功能需求是：     当输入美元价格时，另一个输入框内同步显示相应的人民币价格。 <dl> <dt>单 价（USD）：</dt> <dd> <input type="text" id="USD" name="USD" value="" onchange=&qu
在浏览器中输入www.baidu.com后执行的全部过程
qq_40093255的博客
09-08 428
客户端浏览器通过DNS解析到www.baidu.com的IP地址220.181.27.48.通过这个IP地址找到客户端到服务器的路径，客户端浏览器发起一个http会话到这个IP地址，然后通过TCP进行封装数据包，输入到网络层。 在客户端的传输层，把http会话请求分成报文段，添加源和目的地址，如服务器使用80端口监听客户端的请求，客户端由系统随机选择一个端口如5000，与服务器进行交换，服务器把...
输入框输入内容点击按钮结果在一个列表中显示
04-07
这是一个常见的前端开发问题，您需要使用HTML、CSS和JavaScript来实现。您可以使用HTML中的<input>标签创建输入框，使用<button>标签创建按钮，使用<ul>和<li>标签创建列表。当用户在输入框中输入内容并点击按钮时，您需要使用JavaScript来获取输入框中的值，并将其添加到列表中。这可以使用DOM操作来完成。如果您需要更具体的代码实现，请告诉我具体的需求。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值