输入一个url到页面渲染的整个过程

最新推荐文章于 2024-03-14 22:42:12 发布
最新推荐文章于 2024-03-14 22:42:12 发布
阅读量417 收藏
点赞数
分类专栏： 笔记 文章标签： 1024程序员节
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45616633/article/details/120942526
版权

输入一个url到页面渲染的整个过程

1、首先浏览器应用程序会解析出url中的域名
2、根据域名获取对应的ip地址，会先从缓存中找，如果没有则从本机域名解析 host，还没有的话DNS就会层层解析。
3、拿到ip地址后，浏览器向服务器发起三次握手
4、握手建立后，就开始组装http请求报文，发送报文
5、服务器收到请求后，开始解析，并返回数据
6、浏览器收到服务器的响应，通过解析把页面呈现给用户

璐飞
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
一、浏览器渲染原理（进程、线程）http请求全过程-浏览器输入url整个过程
04-03
1.1 浏览器中的5个进程（浏览器、插件、渲染、网路、前四个一个页面打开必备、GPU） 1.2 浏览器发送 HTTP 请求的流程（B/S模式）（注意：http协议是基于tcp/ip协议的，http协议是应用层协议，tcp/ip协议是通信层协议...
从输入url到页面渲染全过程
代码的魅力，根本走不出来
04-13 332
首先在本地 DNS缓存中查找是否已经有相应的 DNS 记录，如果没有，则向本地 DNS 服务器发起请求，如果本地 DNS 服务器也没有相应的 DNS记录，则向根 DNS 服务器发起请求，以此类推，直到找到对应的 IP 地址或者找不到。浏览器解析渲染页面 浏览器收到响应后，会对 HTML 进行解析，构建 DOM 树，对 CSS 进行解析，构建 CSSOM 树，接着将DOM 树和 CSSOM树组合成渲染树，最后进行渲染，得到最终的页面。网络层：主要负责数据的分组和路由选择等，以实现跨网络的数据传输和路由选择。
从输入URL到渲染的过程中到底发生了什么？
loveX001的博客
10-04 964
通过阅读本文，相信小伙伴们对从输入URL到页面渲染的过程有了一个大概的理解。其实整个过程是很复杂也比较繁琐的，不是一篇文章或者几张图就可以囊括的，在这有很多细节不便展开，有兴趣的小伙伴可以对这个过程中的一些细节深入研究研究哦！文章中肯定会有些说的不是很清楚的地方，恳请各位大佬不吝赐教，一起成长！
URL输入到页面渲染过程
最新发布
子玉的博客
03-14 370
1. **URL解析**：当用户在浏览器的地址栏中输入一个URL时，浏览器会首先对URL进行解析，包括解析协议（如http、https）、主机名、路径等信息。4. **发起HTTP请求**：一旦建立TCP连接，浏览器会向服务器发送HTTP请求，请求特定资源（如HTML文件、CSS文件、JavaScript文件等）。2. **DNS解析**：如果URL中包含域名，在解析完URL后，浏览器会向DNS服务器发送请求，将域名解析为相应的IP地址，以便建立网络连接。
输入 url 到页面渲染完成的过程
小菜的博客
03-17 1669
用户从输入 url 到页面渲染完成, 之间发生了什么? url 解析 => dns 解析 => tcp 连接 => 反向代理 => http 连接 => 缓存 => html + css => render tree => 遍历可见节点, 根据规则, 计算位置, 大小 => 绘制 url 解析 输入 url , 会进行 url 的解析, 如果是 http 协议, 浏览器会新建一个网络请求线程去下载所需资源 DNS 解析: 将 host 字段转化为网络中具
学习笔记：输入url到页面渲染的整个过程
hyqapple的博客
03-30 310
输入url到页面渲染的整个过程物理键盘和系统中断解析URLDNS 查询ARP 过程功能快捷键TCP握手使用套接字HTTP 协议HTTP 服务器请求处理浏览器渲染HTML 解析CSS 解析页面渲染GPU渲染 物理键盘和系统中断 解析URL DNS 查询 ARP 过程 功能快捷键 TCP握手 使用套接字 HTTP 协议 HTTP 服务器请求处理 浏览器 渲染 HTML 解析 CSS 解析 页面渲染 G...
从用户输入url到浏览器渲染页面，经历的过程
zhm0303的博客
10-15 1750
1，用户输入url，浏览器获取到url 2，浏览器的应用层对url进行DNS解析 3，根据解析到的IP地址加端口 ，浏览器发起http请求，请求包括 header body       header包括      ①，请求方法（post get等）      ②，请求协议（http,https,ftp等）      ③ ，请求地址 url      ④，一切必要的其他信息  缓存 c...
浏览器原理之从输入URL到页面渲染到底发生了点啥 .pptx
06-19
浏览器原理之从输入URL到页面渲染到底发生了点啥 .pptx
开源bbs源码java-http-protocol:输入URL到页面加载的过程
06-06
从输入URL到页面加载的过程 由一道题完善自己的前端知识体系 目录 从浏览器接收url到开启网络请求线程(浏览器的机制以及进程与线程之间的关系) 开启网络线程到发出一个完整的http请求(dns查询,tcp/ip请求,五层因特网...
在浏览器输入URL回车之后发生了什么？（超详细版）
01-07
这篇笔记是我这两天看了数十篇文章总结出来的，所以相对全面一点，但由于我是做前端的，所以会比较重点分析浏览器渲染页面那一部分，至于其他部分我会罗列出关键词，感兴趣的可以自行查阅， 注意：本文的步骤是建立...
在【浏览器】中从URL输入到页面展现到底发生了哪些事
04-21
整理了在【浏览器】中从URL输入到页面展现到底发生了哪些事情,便用工作中更好的理解项目和页面渲染原理
从输入URL到页面渲染的整个过程 - 个人笔记
树上骑个猴的博客
05-15 3843
1、首先是URL地址解析 浏览器会判断输入的是一个合法的URL还是一个待搜索的关键词，并且根据输入的内容自动完成字符编码等操作 2、接着发起真正的URL请求，如果浏览器本地缓存了这个url请求所需的资源，则会直接将数据转发给浏览器进程，如果没有缓存，则会查询DNS域名解析，首先查找浏览器有没有DNS缓存（比如之前有访问记录），如果有则返回IP。如果没有就寻找本地的host文件，看看有没有域名记录，如果有则返回IP，如果本地host文件没有则直接向本地DNS服务器请求，如果还是没有，继续向上DNS服务器请求，
一文摸透从输入URL到页面渲染的过程
web前端开发
08-26 760
来源 |https://www.cnblogs.com/AhuntSun-blog/p/12641050.html从输入URL到页面渲染需要Chrome浏览器的多个进程配合，所以我们先...
【从输入URL到渲染页面的整个过程】
weixin_42936434的博客
06-18 723
当再次请求时，客户端带上资源标识，服务端去重新计算资源标识，和客户端带过来的比较，如果相同则说明文件未修改，返回304状态码；第二种是Last-Modified，这个值记录的是资源最后的修改时间，如果修改了，则值是不一样的。在这个时间内进行再次请求，浏览器会去判断缓存是否失效，未失效的话请求本地缓存并返回资源，如果缓存失效了则再去请求服务器。使用域名的好处就是，域名便于记忆，其次，如果服务器做了负载均衡，则ip不是唯一的，ip有多个，使用DNS就可以将域名解析成对应机器的ip。强缓存的优先级大于协商缓存。
完整渲染过程——从URL到页面
cicistream
10-06 4734
当用户输入一串URL（统一资源定位符）到完整的页面渲染出来，到底经历了什么呢~下面我来描述一下整个过程。 先列出他的大致流程： 浏览器根据请求的URL交给DNS域名解析，找到真实的IP，向服务器发起请求； 服务器交给后台处理完后返回数据，浏览器接受文件（HTML/CSS/JS/图像等）； 浏览器对加载到的数据进行解析，建立起相应的内部结构； 载入解析到的资源文件，渲染页面，完成。我们主要分为两部分...
从输入URL到页面渲染完成
远方
12-20 1361
​​​​​​​​​​​​​​从输入URL到页面渲染完成，这个过程可大致分为两个阶段：网络通信和页面渲染 网络通信： 互联网内各网络间设备的通信遵循TCP/IP协议，利用TCP/IP协议进行网络通信时，会通过分层与对方通信。数据传输的过程是：由应用层产生数据后，经过传输层的分段处理（添加TCP或UDP包头）、网络（添加IP地址信息）、数据链路层（封装成MAC帧）、物理层传输电信号。 1.输入url...
输入 URL 到页面渲染的整个流程
w_cyj的博客
11-04 121
输入 URL 到页面渲染的整个流程 DNS （Domain Name System）域名系统 DNS 的作用就是通过域名查询到具体的 IP。 在 TCP 握手之前就已经进行了 DNS 查询，这个查询是操作系统自己做的。当你在浏览器中想访问 www.google.com 时，会进行一下操作 操作系统会首先在本地缓存中查询 IP 没有的话会去系统配置的 DNS 服务器中查询 如果这时候还没得话，会直接去 DNS 根服务器查询，这一步查询会找出负责 com 这个一级域名的服务器 然后去该服务器查询 googl
浏览器从输入URL到页面渲染加载的过程（浏览器知识体系整理）
铁锤妹妹的博客
05-10 3783
记得最开始学前端知识时，是一点一点的积累，一个知识点一个知识点的攻克。 就这样，虽然在很长一段时间内积累了不少的知识，但是，总是无法将它串联到一起。每次梳理时都是很分散的，无法保持思路连贯性。
从一个url地址到最终页面渲染完成发生了什么
03-20
当你在浏览器中输入一个 URL 地址时，以下是发生的一些步骤： 1. DNS 解析：浏览器会将 URL 中的域名发送到 DNS 服务器，以获取该域名对应的 IP 地址。...以上是从一个 URL 地址到最终页面渲染完成的大致过程。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值