输入一个url到页面渲染发生了什么

已于 2022-02-15 13:28:17 修改
阅读量307 收藏
点赞数 1
文章标签： http 网络 java
于 2022-02-11 17:00:36 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_48850204/article/details/122884488
版权

1.浏览器地址栏输入 URL 并回车
2.浏览器查找当前 URL 是否存在缓存，并比较缓存是否过期
3.DNS 解析 URL 对应的 IP
4.根据 IP 建立 TCP 连接（三次握手）
5.发送 http 请求
6.服务器处理请求，浏览器接受 HTTP 响应
7.浏览器解析并渲染页面
8.关闭 TCP 连接（四次挥手）。

前端阿玉
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
从浏览器输入地址到页面渲染都经历了哪些过程
Baby_加油_的博客
06-07 1598
作为前端开发工作者，要对浏览器请求URL到渲染非的了解，在这里，我们就来详细的看看页面渲染出来到底经历了哪些过程。
浏览器从输入url到渲染页面发生了什么？
最新发布
weixin_63050915的博客
10-22 960
:: tip首先是URL地址解析，判断输入的是一个合法的URL还是一个带搜索的关键词，并且根据你输入的内容进行自动完成字符编码等操作。接着发起真正的URL请求。如果浏览器本地缓存了这个资源，则会直接将数据转发给浏览器进程，如果没有缓存，则会查询DNS，解析域名。
从输入URL到渲染的过程中到底发生了什么？
loveX001的博客
10-04 971
通过阅读本文，相信小伙伴们对从输入URL到页面渲染的过程有了一个大概的理解。其实整个过程是很复杂也比较繁琐的，不是一篇文章或者几张图就可以囊括的，在这有很多细节不便展开，有兴趣的小伙伴可以对这个过程中的一些细节深入研究研究哦！文章中肯定会有些说的不是很清楚的地方，恳请各位大佬不吝赐教，一起成长！
浏览器从输入URL到页面渲染加载的过程（浏览器知识体系整理）
铁锤妹妹的博客
05-10 4708
记得最开始学前端知识时，是一点一点的积累，一个知识点一个知识点的攻克。 就这样，虽然在很长一段时间内积累了不少的知识，但是，总是无法将它串联到一起。每次梳理时都是很分散的，无法保持思路连贯性。
浏览器地址栏输入URL到显示页面发生了什么？
咸鱼起码是条鱼
05-15 111
浏览器根据接收到的HTML、CSS和JavaScript等资源，以及浏览器自身的渲染引擎，对页面进行解析和渲染。这个请求包含了你的URL以及其他相关的信息，例如请求方法（GET、POST等）、请求头（包含浏览器信息、所需的内容类型等）和请求体（对于POST请求）。：服务器收到浏览器发送的请求后，会进行处理。：在页面渲染过程中，浏览器还会下载页面中引用的其他资源，例如图像、样式表、脚本文件等。：浏览器会解析你输入的URL，分解成不同的组成部分，包括协议（例如HTTP或HTTPS）、主机名、路径等。
浏览器原理之从输入URL到页面渲染到底发生了点啥 .pptx
06-19
浏览器原理之从输入URL到页面渲染到底发生了点啥 .pptx
概述一个页面从输入URL到页面加载完的过程
11-29
总的来说，从输入URL到页面加载完毕，涉及到域名解析、TCP连接建立、HTTP通信等多个层面的网络活动，每个环节都是保证我们能够顺利浏览网页的关键步骤。了解这些流程有助于我们更好地理解和优化网页的加载速度及用户...
在浏览器输入URL回车之后发生了什么？（超详细版）
01-07
这篇笔记是我这两天看了数十篇文章总结出来的，所以相对全面一点，但由于我是做前端的，所以会比较重点分析浏览器渲染页面那一部分，至于其他部分我会罗列出关键词，感兴趣的可以自行查阅， 注意：本文的步骤是建立...
2.输入url到页面呈现.rar
06-26
当我们输入URL到浏览器地址栏并按下回车，一系列复杂的过程就开始了，这个过程涉及网络通信、服务器处理和浏览器渲染等多个环节。在这个过程中，前端技术扮演了至关重要的角色。以下是对这个过程的详细解释： 1. **...
浏览器从输入url到渲染页面，发生了什么？
qq_43886365的博客
10-08 1706
浏览器从输入url到渲染页面的过程
从URL在浏览器被输入到页面展现的过程中发生了什么？
qq_38361229的博客
04-04 397
从URL在浏览器被输入到页面展现的过程
浏览器输入url到页面渲染完成经历了哪些步骤
前端学习笔记
03-01 2073
确认字符 (Acknowledge character），在数据通信中，接收站发给发送站的一种传输类控制字符，表示发来的数据已确认接收无误。传输控制协议（Transmission Control Protocol），是一种面向连接的、可靠的、基于字节流的传输层通信协议。的时候就已经开始了，并不是等到接收完成后才开始，解析的过程是自上而下，先解析当前节点的所有子节点，再解析兄弟节点及其子节点。SYN=1, ACK=1, seq=y, ack=x+1（确认字符为1，序列号为x+1，此处seq为。
从输入URL到页面展示这中间发生了什么
好好学习天天向上
06-17 2426
仅仅打开了1个页面，为什么有4个进程？ 因为打开1个页面至少需要1个网络进程、1个浏览器进程、1个GPU进程以及1个渲染进程，共4个进程是一个程序运行的实例，操作系统会为进程创建独立的内存，用来存放运行所需要的代码和数据 线程是进程的组成部分，每个进程可以有多个线程其中至少一个主线程，这些线程由所属的进程进行启动和管理。进程和线程之间关系的特点:浏览器接收到输入的URL后，先对URL解析，把我们请求需要的协议、域名、端口、路径这些信息解析提取出来。 URL结构:，判断用户输入的是 还是？网络进程会查找本地
从浏览器地址栏输入URL后，到页面渲染出来，整个过程都发生了什么？
Whoopsina的博客
04-26 3062
从一道面试题来看前端页面的生命周期：从浏览器地址栏输入URL后，到页面渲染出来，整个过程都发生了什么？
从浏览器输入网址(URL)，到最终展示页面，都发生了什么？
CYK_byte的博客
11-01 3552
从（如下图）到你按下回车，再到最后出现这个网页界面（如下图）中间到底发生了什么？接下来就带你一步步进行解析~
【url输入了之后会发生什么？】最细解法，从输入URL到页面渲染的过程
qq_44005101的博客
04-11 2609
【url输入了之后会发生什么？】最细解法，从输入URL到页面渲染的过程 概述 输入网址 DNS解析 建立tcp连接 客户端发送HTPP请求 服务器处理请求 服务器响应请求 tcp连接断开 浏览器展示html 参考博客 概述 url输入后响应过程： 输入网址敲回车->查 DNS->找到 IP 地址->通过 TCP 三次握手建立连接->浏览器发送 Http 请求->收到回应->浏览器渲染页面->结束连接
面试题：从输入URL到渲染页面这之间都经历了什么？
weixin_57322537的博客
09-24 1244
从输入URL到渲染页面的流程示意图： 从图中可以看出，整个过程需要各个进程之间的配合，chrome浏览器使用的是多进程多线程模式，下面是各个进程的作用。 浏览器进程：浏览器进程主要负责用户交互、子进程管理和文件储存等功能。 网络进程：网络进程是面向渲染进程和浏览器进程等提供网络下载功能。 渲染进程：渲染进程的主要职责是把从网络下载的 HTML、JavaScript、CSS、图片等资源解析为 可以显示和交互的页面。因为渲染进程所有的内容都是通过网络获取的，会存...
从输入URL到页面渲染的整个过程 - 个人笔记
树上骑个猴的博客
05-15 3867
1、首先是URL地址解析 浏览器会判断输入的是一个合法的URL还是一个待搜索的关键词，并且根据输入的内容自动完成字符编码等操作 2、接着发起真正的URL请求，如果浏览器本地缓存了这个url请求所需的资源，则会直接将数据转发给浏览器进程，如果没有缓存，则会查询DNS域名解析，首先查找浏览器有没有DNS缓存（比如之前有访问记录），如果有则返回IP。如果没有就寻找本地的host文件，看看有没有域名记录，如果有则返回IP，如果本地host文件没有则直接向本地DNS服务器请求，如果还是没有，继续向上DNS服务器请求，
从一个url地址到最终页面渲染完成发生了什么
03-20
当你在浏览器中输入一个 URL 地址时，以下是发生的一些步骤： 1. DNS 解析：浏览器会将 URL 中的域名发送到 DNS 服务器，以获取该域名对应的 IP 地址。 2. 建立 TCP 连接：浏览器使用 IP 地址与服务器建立 TCP 连接...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值