输入url网址到页面的全过程

最新推荐文章于 2022-10-25 10:11:43 发布
最新推荐文章于 2022-10-25 10:11:43 发布
阅读量813 收藏
点赞数 1
文章标签： http
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Tmevolcy/article/details/106019690
版权

1.DNS解析：将域名地址解析为ip地址

  • 浏览器DNS缓存
  • 系统DNS缓存
  • 路由器DNS缓存
  • 网络运营DNS缓存
  • 递归搜索：-----.com域名下查找DNS解析

2.TCP连接：TCP的三次握手

  • 浏览器—>服务器—>我要发送请求了
  • 服务器—>浏览器—>我准备好接收了
  • 浏览器—>服务器—>我马上发了，你准备接收吧

3.发送请求

请求报文：http协议的通讯内容

4.接受响应：响应报文

5.渲染页面

①html：浏览器调用html解析器成Token并构造dom树
②style/link：调用css解析器 cssom树
③script ：处理script代码（绑定事件，修改dom树和cssom树）
④将dom树和cssom树合并一个渲染树
⑤布局
⑥节点颜色绘制到屏幕上
注意：不一定按照顺序执行

6.断开连接：TCP四次握手

  • 浏览器—>服务器—>我我发完了，你关闭吧
  • 服务器—>服务器—>我接收完了，我准备关了，你也准备吧
  • 服务器—>服务器—>我发送完了，你关闭吧
  • 浏览器—>服务器—>我接收完了，我关了，你也关吧
Tmevolcy
关注
在浏览器的地址栏输入网址的背后
桐花思雨
04-14 1万+
目录浏览器的地址栏中输入网址，回车之后查找 `DNS` 缓存发起 `DNS` 查询`DNS` 采用分布式设计的特点分布式、层次数据库 浏览器的地址栏中输入网址，回车之后 本文将以 Web 页面的请求历程为例，来和你聊聊计算机网络中这些协议是怎样工作的、数据包是怎么收发的，从输入 URL 、敲击回车到最终完成页面呈现在你面前的这个过程 首先，我打开了 Web Browser ，然后在 Google 浏览器 URL 地址栏中输入了 maps.google.com 然后 …… 查找 DNS 缓存 浏览器在这个
从输入url到页面展现的全过程
最新发布
weixin_39357177的博客
11-24 1274
假定出现一种异常情况，即A发出的第一个连接请求报文段并没有丢失，而是在某些网络节点长时间滞留了，以致延误到连接释放以后的某个时间才到B。本来这是一个已失效的报文段。但是B收到此失效的连接请求报文段后，就误认为是A有发出一次新的连接请求。于是就向A发出确认报文段，同意建立连接。假定不采用三次握手，那么只要B发出确认，新的连接就建立了。由于现在A并没有发出建立连接的请求，因此不会理睬B的确认，也不会向B发送数据。但B却以为新的运输连接已经建立了，并一直等待A发来数据。B的许多资源就这样拜拜浪费了。
从URL输入到页面展现到底发生什么？
weixin_34234823的博客
11-20 387
前言 打开浏览器从输入网址到网页呈现在大家面前，背后到底发生了什么？经历怎么样的一个过程？先给大家来张总体流程图，具体步骤请看下文分解！本文首发地址为GitHub博客,写文章不易，请多多支持与关注！ 总体来说分为以下几个过程: DNS 解析:将域名解析成 IP 地址 TCP 连接：TCP 三次握手 发送 HTTP 请求 服务器处理请求并返回 HTTP 报文 浏览器解析渲染页面 断开连接：TCP...
从输入URL到网页呈现的过程
佳佳的博客
03-24 8461
1、域名解析 当我们在浏览器中输入一个URL，例如”www.google.com”时，这个地址并不是谷歌网站真正意义上的地址。互联网上每一台计算机的唯一标识是它的IP地址，因此我们输入的网址首先需要先解析为IP地址，这一过程叫做DNS解析。 DNS解析是一个递归查询的过程。例如，我们需要解析”www.google.com”时，会经历以下步骤： 在本地域名服务器中查询IP地址，未找到域名； ...
从输入url地址到页面渲染全过程
坚强的泡沫的博客
01-30 475
参考博客：经典面试题：从 URL 输入到页面展现到底发生什么？、TCP/IP协议详解 DNS 解析：将域名解析成 IP 地址 TCP 连接：TCP 三次握手 发送 HTTP 请求 服务器处理请求并返回 HTTP 报文 浏览器解析渲染页面 断开连接：TCP 四次挥手 1、DNS 解析：将域名解析成 IP 地址 URL（Uniform Resource Locator），统一资源定位符 scheme://host.domain:port/path/filename 各部分解释如下： scheme：.
搜索特定网站
数据库天地
01-21 251
要搜索的内容 site:+网址或者是site:网址 要搜索的内容； 比如，如果你想在www.xker.com上搜索关于google的内容，那么可以在搜索栏里输入： google site：xker.com，回车，就会出现这个网站所有关于google的文章....
输入url到页面加载全过程总结
丁哒哒的博客
04-19 1036
前言： 这个问题可以说是面试必问的问题了，而且涉及的知识点有好几个，如html解析、渲染、DNS解析等，也有很多延伸的问题，之前面试的时候，我只是简单的背了背答题流程，详细的并不是很了解，所以决定总结一下。 一、主要过程 输入地址，回车 浏览器解析URL，解析出域名host DNS域名解析：浏览器将域名转换成服务器ip地址，通过IP地址与服务器建立TCP连接（三次握手） 客户端向服务端发送HTTP请求，如果服务器返回以 301 之类的重定向，浏览器根据相应头中的 location 再次发送请.
从输入URL到页面展示的过程详解
蔡姐的博客
12-26 2737
作为一个前端人员，面试时经常会被问及这个问题：“在浏览器从输入URL到页面展示中经历了什么过程”？这个问题我之前也是一知半解，随着对内容了解的越多，发现这个问题涵盖的面越广，涉及的知识也很多，所以今天将它整理一下，方便自己和其他小伙伴一起学习。 由于这个问题涉及知识很多，而且我也想把这些知识都一起整理一下，所以本文采用总-分-总的的行文思路，具体内容如下： 首先介绍整体流程所需要涉及的几个方面 其次分别介绍每个方面所涉及的知识 最后一节再详细的说明整体流程 要是有小伙伴觉得之前的内容很无聊，或者我说的不
前端面试系列-输入url后全过程&&页面渲染机制&&DOM生成过程
LYFlied的博客
03-27 1594
一、当输入url后，全过程 浏览器缓存 (DNS解析)，解析获取相应的IP地址。 cp连接，三次握手。 浏览器向服务器发送http请求，请求数据包。 将数据返回至浏览器 浏览器收到HTTP响应 读取页面内容，浏览器渲染，解析html源码 生成Dom树、解析css样式、js交互 二、页面渲染机制 三、DOM 1.什么是 DOM 2.DOM 树如何生成 HTML 解析器 3.JavaScript 是如何影响 DOM 生成的 内嵌JavaScript 引入 JavaScript 文件 引入css文件
从输入URL到渲染的完整过程？
loveX001的博客
10-25 1338
通过阅读本文，相信小伙伴们对从输入URL到页面渲染的过程有了一个大概的理解。其实整个过程是很复杂也比较繁琐的，不是一篇文章或者几张图就可以囊括的，在这有很多细节不便展开，有兴趣的小伙伴可以对这个过程中的一些细节深入研究研究哦！文章中肯定会有些说的不是很清楚的地方，恳请各位大佬不吝赐教，一起成长！
计算机网络输入一个URL全过程
怕什么真理无穷，进一寸有一寸的欢喜。即使开了一辆老掉牙的破车，只要在前行就好，偶尔吹点小风，这就是幸
03-27 9420
1.输入url时候 当我们开始在浏览器中输入网址的时候,浏览器他会从历史记录，书签等地方，找到已经输入的字符串可能对应的 url，然后给出智能提示，让你可以补全url地址。 2.请求发起之后，解析这个域名，解析域名分为下面几个步骤 1：首先，浏览器会查看本地硬盘的 hosts 文件，看看其中有没有和这个域名对应的规则，如果有的话就直接使用 hosts 文件里面的 ip 地址。 2：如果在本地的 hosts 文件没有能够找到对应的 ip 地址，浏览器会发出一个 DNS请求到本地DNS服务器 。本地DN.
从 输入网址(URL)到页面展示的过程
weixin_41044610的博客
04-04 354
面试时经常会被问到一个很常见的题目：在浏览器中输入URL到整个页面显示在用户面前时这个过程中到底发生了什么。 下面，根据我的知识，简单的记录一下。 总体来说可以认为分为以下几个过程: DNS解析 TCP连接 发送HTTP请求 服务器处理请求并返回HTTP报文 浏览器解析渲染页面 连接结束 （1）DNS解析也就是域名解析。原理是根...
经典面试题：在游览器中输入url（网址）会发生什么
ambiguous__的博客
08-11 4487
1.进行域名解析（1.查看游览器缓存，2.查看本地host文件3.请求本地DNS服务器4.请求DNS根目录服务器5.请求DNS顶级域名服务器6.。。。（这一步，当找到这个域名的IP地址时返回结果即可，无需在往下寻找域名服务器）） 2.根据请求信息，组织http请求数据。 3.搭建http客户端，将组织好的请求数据发往域名解析得到的服务器 4.得到响应后，根据http格式进行解析响应得到的数据，进行网页渲染。 ...
在浏览器中输入网址到网页展现全部过程
热门推荐
helloworld的博客
08-14 1万+
序 最近接触到了整个网站的开发流程，所以就总结一下网站的运行机制，对网络应用如何工作有一个完整的层次化的认知。 第一步 首先，你得在浏览器里输入要网址: 例如百度或者facebook。 第二步 浏览器查找域名的IP地址（域名就是指输入的网址） 浏览器缓存 – 浏览器会缓存DNS记录一段时间。 有趣的是，操作系统没有告诉浏览器储存DNS记录的时间，这样不同浏览器会储存个自固定的一个时间（2分钟到3
浏览器输入一个网址（发生的过程）
weixin_30680385的博客
03-02 654
（一）在浏览器输入网址--->到网页展现全部过程： 大致过程： 第一步 浏览器查找该域名的 IP 地址 第二步 浏览器根据解析得到的IP地址向 web 服务器发送一个 HTTP 请求【前提，要建立连接(TCP或者UDP)】【可能会重定向】 第三步 服务器收到请求并进行处理 第四步 服务器返回一个响应 第五步 浏览器对该响应进行解码，渲染显示。 第六步 页面显...
在浏览器里输入网址到显示完整网页
weixin_34337381的博客
10-20 1134
作为一个软件开发者，你一定会对网络应用如何工作有一个完整的层次化的认知，同样这里也包括这些应用所用到的技术：像浏览器，HTTP，HTML，网络服务器，需求处理等等。本文将更深入的研究当你输入一个网址的时候，后台到底发生了一件件什么样的事～1. 首先嘛，你得在浏览器里输入要网址:2. 浏览器查找域名的IP地址导航的第一步是通过访问的域名找出其IP地址。DNS查找过程如下：浏览器...
浏览器从输入网址开始
weixin_30323631的博客
07-11 171
浏览器从输入网址开始 输入网址：www.baidu.com； 浏览器查找对应的IP地址：61.135.169.121，查找过程：？？？不一样 浏览器缓存：检查本地是否有缓存 系统缓存; 路由器缓存； ISP 的DNS缓存； 递归搜索DNS服务器； 向web服务器发送 http请求(建立连接3握手)； 请求的URL协议/版本；GET; 请求头：设置，是否缓存，...
bug记录-搜索框，有时候输入一个ID，或者IP，记得前面的，然后进入另外一个网址看ID或者IP，结果之前输入清空了，导致重新输入...
weixin_30700977的博客
08-22 426
bug记录-搜索框，有时候输入一个ID，或者IP，记得前面的，然后进入另外一个网址看ID或者IP，结果之前输入框清空了，导致重新输入 转载于:https://www.cnblogs.com/shishibuwan/p/11393131.html...
从输入URL到页面展示到底发生了什么
qzcsu的博客
06-06 1460
1、输入地址 当我们开始在浏览器中输入网址的时候，浏览器其实就已经在智能的匹配可能得url了，他会从历史记录，书签等地方，找到已经输入的字符串可能对应的 url，然后给出智能提示，让你可以补全url地址。对于google的chrome的浏览器，他甚至会直接从缓存中把网页展示出来，就是说，你还没有按下 enter，页面就出来了。
浏览器中URL输入到页面展现的全过程解析
当我们在浏览器中输入URL时，首先会进行URL的解析。URL，全称统一资源定位符，由协议（scheme）、主机（host）、域名（domain）、端口（port）、路径（path）、文件名（filename）、查询参数（query）和片段标识符...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值