浏览器从输入URL地址到最终显示内容的过程

最新推荐文章于 2024-07-22 06:48:36 发布
最新推荐文章于 2024-07-22 06:48:36 发布
阅读量3k 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yumanman666/article/details/58161540
版权
当输入URL，浏览器首先查找DNS缓存，然后通过DNS解析获取IP，发起HTTP请求。请求携带请求头，包括请求方法、客户端信息等。成功访问会返回200状态码，内容包括缓存信息、内容类型等。若资源未修改，通过304状态码使用缓存。HTTP请求借助TCP的三次握手建立连接，通过IP协议进行传输。浏览器解析返回数据，遇到外部资源会发起新的请求。优化策略包括减少DNS解析、缓存利用、合并HTTP请求等。
摘要由CSDN通过智能技术生成

1. 输入URL首先浏览器要根据URL查找域名对应的IP：

  • 首先查找浏览器自身的DNS缓存，如果有这个域名映射且没过期（TTL）则直接向该IP发送HTTP请求，否则下一步
  • 查找本地操作系统hosts缓存，如果有且没过期，拿出来使用完成DNS解析，否则下一步
  • 查找本地DNS域名服务器，如果不可以由该服务器解析，则把请求发至根域名服务器，解析该域名是由谁来授权管理，返回顶级域名服务器的IP地址
  • 本地DNS服务器收到返回的顶级域名服务器地址后，联系顶级域名服务器。
  • 顶级域名服务器如果无法解析，则找下一级DNS服务器，并把IP发给本地DNS服务器。
  • 以此类推，在DNS域名解析的过程中，使用UDP协议进行不可靠传输，不需要三次握手，传输需要的内容较少，使用UDP更快。
  • 在网页开发过程中尽量减少对DNS域名的解析，天猫，淘宝等使用<link rel="dns-prefetch" href="//g.alicdn.com">进行dns延迟缓存

2. 如果是第一次访问请求该网址

  • 浏览器发送HTTP请求，请求头包括：请求方法（Request Method）、协议版本、客户端信息（
最低0.47元/天 解锁文章
yumanman666
关注
从浏览器输入网址(URL)，到最终展示页面，都发生了什么？
CYK_byte的博客
11-01 3715
从（如下图）到你按下回车，再到最后出现这个网页界面（如下图）中间到底发生了什么？接下来就带你一步步进行解析~
从URL到浏览器显示页面的流程
m0_48812293的博客
05-18 1563
一、URL解析 1、地址解析 浏览器会根据你的输入来判断该输入是一条合法的URL，还是需要被搜索的关键词。并且根据你输入的内容进行自动完成、字符编码等操作。 2、其他操作 目前大部分浏览器都会强制客户端使用HTTPS协议以保证信息传输的安全性。同时还会进行一些额外的操作，比如安全检查、访问限制等。 3、缓存检查 有时候博客上进行了更新，但是通过浏览器查看博客时，仍是更新前的博客，这是因为浏览器中缓存了之前的博客界面。 浏览器会先检测是否缓存了目标URL的页面，如果有且缓存未过期，则直接展示缓存页面，无需再向
请讲一下浏览器从接收到一个URL，到最后展示出页面，经历了哪些过程
学亮编程手记
02-06 955
1.DNS解析 2.TCP连接 3.发送HTTP请求 4.服务器处理请求并返回HTTP报文 5.浏览器解析渲染页面
在浏览器上输入一个URL后发生了什么？
最新发布
安静的软件工程师
07-22 1264
在浏览器上输入一个URL后发生了什么？
从输入url到浏览器显示页面的过程
06-07 601
总体来说有两个大的方面： 一、网络通信连接部分。二、页面渲染展示部分。 细分详细过程： 　　（网络通信） 　　1、输入url。 　　2、DNS解析域名。 　　3、拿到IP地址后，浏览器向服务器建立tcp连接。 　　4、浏览器向web服务器发送http请求。 　　5、服务器收到请求并响应。 　　（页面渲染） 　　6、服务器返回相应文件，浏览器进行页面渲染。 详细...
从URL输入到显示界面的过程
qq_48886692的博客
10-20 588
大致流程 输入URL 获取请求内容 浏览器进程准备渲染进程 提交请求文档 解析页面，加载资源，完成渲染 流程 一、用户输入 用户输入内容以后，浏览器检查地址栏中的地址是否符合url地址的规则，如果符合规则，合成URL地址，如果不符合，就使用浏览器默认的搜索引擎搜索出请求内容 开始搜索以后，会等待页面提交文档结束以后，再替换当前界面 二、URL请求流程 浏览器进程通过进程间的通信（IPC）给网络进程发送URL请求 然后就正式开始网络进程的请求，先查找本地缓存中是否存在该缓存，如果存在就直接返回，如果不存在
从输入URL到页面加载的过程
Rex's Blog
03-15 4759
经典面试题之一，这次得搞得明明白白的，顺便把计网也复习复习。 首先感谢知乎的up主：撒网要见鱼，这是他的原文，本篇文章也是基于他的文章总结启发而来，主要就是记录记录笔记。 面试前复习 浏览器输入url，查看缓存，解析域名，涉及dns相关知识 dns 使用udp，占53号端口 dns服务器分为四种 本地域名服务器、权威域名服务器、顶级域名服务器、根域名服务器 dns查询分为两种方式，递...
从输入一个URL地址到浏览器完成渲染的整个过程
Bald_monster的博客
09-25 1557
从输入一个URL地址到浏览器完成渲染的整个过程 1. 浏览器地址输入URL并回车 2. 浏览器查找当前URL是否存在缓存，并比较缓存是否过期 3. DNS解析URL对应的IP DNS解析实际上就是寻找你所需要的资源的过程。假设你输入 www.baidu.com ，而这个网站并不是百度的真实地址，互联网中的每一台机器都有唯一标识的IP地址，这个才是关键，但是它并不好记，所有就需要一个网址和IP地址转换，也就是DNS解析 具体解析： ​ 输入网址后，首先在本地的域名服务器中查找，没找到去根
从输入URL到渲染的完整过程？
loveX001的博客
10-25 1364
通过阅读本文，相信小伙伴们对从输入URL到页面渲染的过程有了一个大概的理解。其实整个过程是很复杂也比较繁琐的，不是一篇文章或者几张图就可以囊括的，在这有很多细节不便展开，有兴趣的小伙伴可以对这个过程中的一些细节深入研究研究哦！文章中肯定会有些说的不是很清楚的地方，恳请各位大佬不吝赐教，一起成长！
说一下从url输入到返回请求的过程
前端小白-Mr鹏帅
02-19 405
问题: 从浏览器地址栏输入url到请求返回发生了什么 你一看这种烂掉牙的问题，小case，但996面试大佬由此延展的问题已经远远超越了这个问题本身了，不信你就接着看。 我回答了首先会进行 url 解析，根据 dns 系统进行 ip 查找。 话音刚落，此时一位喜欢修福报的公司的大佬打断了我，说url为啥要解析，dns查询规则是什么？我一听就心里想，不按套路出牌啊，网上一般都没问这两个问题，心里再一想，俗话说，万事开头难，扛过这一波，答出来，就是阳光明媚，万物骚动的春天！ 先说为什么url要解析（也就
在浏览器中输入URL地址，到显示主页的过程
学而不思则忘
11-29 1161
分为以下几个过程： DNS解析 TCP连接 发送HTTP请求 服务器处理请求并返回HTTP报文 浏览器解析渲染页面 连接结束 1. DNS解析 网址到IP地址的转换。 上述图片是查找www.google.com的IP地址过程。首先在本地域名服务器中查询IP地址，如果没有找到的情况下，本地域名服务器会向根域名服务器发送一个请求，如果根域名服务器也不存在该域名时，本地域名会向com顶级域名服务器发送一个请求，依次类推下去。直到最后本地域名服务器得到google的IP地址并把它缓存到本地，供下次查询使用。从
从输入url到浏览器显示的全过程
qq_39552758的博客
12-10 2568
网络通信 互联网内各网络设备间的通信都遵循TCP/IP协议，利用TCP/IP协议族进行网络通信时，会通过分层顺序与对方进行通信。分层由高到低分别为：应用层、传输层、网络层、数据链路层。发送端从应用层往下走，接收端从数据链路层网上走。如图所示： 1. 在浏览器中输入url 用户输入url，例如http://www.baidu.com。其中http为协议，www.baidu.com为网络地址，及指出需要的资源在那台计算机上。一般网络地址可以为域名或IP地址，此处为域名。使用域名是为了方便记忆，但是为了让计算机
从输入URL到浏览器显示页面的流程
nanxing的博客
09-02 327
从输入URL到浏览器显示页面的流程 一、URL解析 1、地址解析：浏览器会判断输入的URL是否合法，输入的是URL地址还是关键字，并且根据输入的内容进行字符串编码。 2、其他操作：大部分浏览器会对强制使用HTTPS协议，保证传输的安全性。 3、缓存查询 二、DNS解析 DNS解析：根据域名查找到对应服务器的IP地址 1、查询缓存：浏览器、操作系统、路由器都具有缓存，统称为 DNS高速缓存。若缓存中有记录，则不需再到根域名服务器上去查找。 2、递归解析：在地址栏输入cms.coderbin.link,若
在javascript中，url输入到浏览器，经历了什么
我的博客简介
09-01 194
Trident内核：IE,MaxThon,TT,The World,360,搜狗浏览器等。[Opera内核原为：Presto，现为：Blink;重绘（repaint 或 redraw）：当盒子的位置、大小以及其他属性，例如颜色、字体大小等。注意：table 及其内部元素可能需要多次计算才能确定好其在渲染树中节点的属性值，比。都确定下来之后，浏览器便把这些原色都按照各自的特性绘制一遍，将内容呈现在页面。重绘是指一个元素外观的改变所触发的浏览器行为，浏览器会根据元素的新属性重。新绘制，使元素呈现新的外观。...
超详细的一次输入URL到页面显示的总结
YDKD的博客
11-15 730
浏览器解读资源 前言 其实这个话题也是前端面试中另外的一个面试点，即从浏览器输入URL到页面加载完成的过程分析。在开始下面的正式总结之前，先列出几点我对这此新的认知点。 服务器会存储许多的静态资源，再拿到服务器的IP地址之后，会返回index.html文件，其实了解前端工程化打包的都知道，一个项目在经过webpack打包之后，生成的dist文件夹下的资源入口就是index.html，在浏览器拿到这个html文件之后，会进行解析。遇到被link的css文件之后会到服务器下载对应的css文件；遇到script
如何在浏览器网页中显示word文件内容
weixin_30596735的博客
02-13 505
如何在浏览器网页中显示word文件内容 把word文件读到byte[]中，再Response.OutputStream.Write(bytes)到客户端去 Page_Load事件中写： //FileStream fs = new FileStream("c:\\1.doc", FileMode.Open, F...
获取浏览器URL的方法
热门推荐
weixin_46167829的博客
03-31 1万+
1、window.location.href 整个URl字符串(在浏览器中就是完整的地址栏) 返回值：http://www.home.com:8080/windows/location/page.html?ver=1.0&id=timlq#love 2、window.location.protocol URL 的协议部分。 返回值：http: 3、window.location.host URL 的主机部分(带端口号)， 返回值：www.home.c.
进程间的7种通讯方式
qq_42843172的博客
09-21 1149
进程间的7种通讯方式 管道pipe：管道是一种半双工的通信方式，数据只能单向流动，而且只能在具有亲缘关系的进程间使用。进程的亲缘关系通常是指父子进程关系。 命名管道FIFO：有名管道也是半双工的通信方式，但是它允许无亲缘关系进程间的通信。 消息队列MessageQueue：消息队列是由消息的链表，存放在内核中并由消息队列标识符标识。消息队列克服了信号传递信息少、管道只能承载无格式字节流以及缓冲区大小受限等缺点。 共享存储SharedMemory：共享内存就是映射一段能被其他进程所访问的内存，
浏览器从输入url到显示页面的过程
07-17
浏览器从输入URL到显示页面的过程大致可以分为以下几个步骤： 1. DNS解析：浏览器首先会解析URL中的域名部分，将其转换为对应的IP地址。它会先检查浏览器缓存中是否存在该域名的解析结果，如果没有，就会向本地操作系统或者网络中的DNS服务器发送查询请求，获取对应的IP地址。 2. 建立TCP连接：一旦获取到目标服务器的IP地址，浏览器会通过TCP/IP协议与服务器建立连接。这个过程中，浏览器会与服务器进行三次握手，确保双方能够正常通信。 3. 发送HTTP请求：建立TCP连接后，浏览器会发送HTTP请求给服务器。请求中包含了请求行（包括请求方法、URL路径和HTTP协议版本）、请求头（包含一些附加信息，如User-Agent、Cookie等）以及请求体（一般用于POST请求，传递数据）。 4. 服务器处理请求：服务器接收到浏览器发送的HTTP请求后，会根据请求的内容进行处理。处理过程可能包括查询数据库、读取文件等一系列操作，最终生成需要返回给浏览器的数据。 5. 接收响应并渲染页面：服务器处理完请求后，会将生成的响应数据封装成HTTP响应，并发送给浏览器。浏览器接收到响应后，会根据响应头中的信息判断响应的内容类型，然后对内容进行解析和渲染。对于HTML页面，浏览器会解析HTML结构、加载CSS和JavaScript文件，并根据这些文件渲染出最终的页面。 6. 关闭TCP连接：页面渲染完毕后，浏览器会关闭与服务器的TCP连接。如果页面中存在其他资源（如图片、样式表、脚本等），浏览器会继续发送相应的HTTP请求获取这些资源，并进行相应的渲染。 这就是浏览器从输入URL到显示页面的基本过程。其中涉及到的具体细节和技术可以更加深入和复杂，但以上步骤概括了整个过程。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值