从输入URL到页面加载完成的过程中都发生了什么?

最新推荐文章于 2023-05-10 22:45:30 发布
最新推荐文章于 2023-05-10 22:45:30 发布
阅读量136 收藏
点赞数
分类专栏： 计算机基础
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43235210/article/details/100799973
版权 
1. 浏览器接收URL
2. 将URL与缓存进行比对，如果请求的页面在缓存中且未过期，则直接进行第8步
3. 如果网络地址不是一个IP地址，通过DNS域名解析返回一个IP地址
4. 浏览器与服务器通过三次握手建立TCP连接
5. 浏览器向服务器发送HTTP请求
6. 服务器收到请求，从它的文档空间中查找资源并返回HTTP响应
7. 如果是可以缓存的，这个响应则会被存储起来
8. 解码
9. 渲染
10.关闭TCP连接或继续保持连接
Sweetie77
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
概述一个页面从输入URL到页面加载完的过程
08-31
本文主要对一个页面从输入 URL 到页面加载完的过程中都发生了什么事情进行概述，对我们学习网络语言有一定的帮助，下面就跟小编一起来看下吧
使用JQuery自动完成插件Auto Complete详解
12-08
为了提高页面加载速度，避免在每个页面中都包含相同的JavaScript和CSS文件，可以使用ASP.NET MVC的`RenderSection`方法。在`_Layout.cshtml`文件中定义一个名为`JavaScriptAndCSS`的section，然后在特定视图中根据...
从输入URL到页面加载的全过程
weixin_34293141的博客
06-17 561
前面的话 　　本文将详细介绍从输入URL到页面加载的全过程   概述 　　从输入URL到页面加载的主干流程如下： 　　1、浏览器构建HTTP Request请求 　　2、网络传输 　　3、服务器构建HTTP Response 响应 　　4、网络传输 　　5、浏览器渲染页面   构建请求 　　1、应用层进行DNS解析 　　通过DNS将域名解析成IP地址。在解析过程中，按...
从输入URL到页面加载的过程
yuanyuanispeak的专栏
04-27 605
大纲对知识体系进行一次预评级为什么说知识体系如此重要？梳理主干流程从浏览器接收url到开启网络请求线程多进程的浏览器多线程的浏览器内核解析URL网络请求都是单独的线程更多开启网络线程到发出一个完整的http请求DNS查询得到IPtcp/ip请求五层因特网协议栈从服务器接收到请求到对应后台接收到请求负载均衡后台的处理后台和前台的http交互http报文结构cookie以及优化gzip压缩长连接与短连...
从输入url到页面加载的过程
weixin_43878538的博客
06-14 205
从输入url到页面加载的过程主干流程详细解释多线程的浏览器内核解析URLDNS查询得到IPtcp/ip请求(三次握手，四次挥手)get和post的区别五层因特网协议栈从服务器接收到请求到对应后台接收到请求http报文结构状态码cookie以及优化gzip压缩长连接与短连接强缓存与弱缓存解析页面流程HTML解析，构建DOM构建渲染树渲染回流与重绘简单层与复合层资源外链的下载遇到CSS样式资源JS脚本资源的处理有几个特点： 主干流程 1.从浏览器接收url到开启网络请求线程（这一部分可以展开浏览器的机制以及进程
从输入 URL 到页面加载全过程
weixin_34034261的博客
04-19 77
查看浏览器缓存 如果资源未缓存，发送请求 如果资源被缓存，检验是否足够新鲜，是的话直接使用，否则发起请求验证 验证是否新鲜（强缓存表示在缓存期间不需要请求） expires cache-control 解析 URL 获得 协议、主机、端口、路径 组装 HTTP request 报文 DNS 查询 TCP 握手。应用层下发数据到传输层，指明端口号到网络层，网络层确定 I...
urlRedirects:展平URL图像过滤
05-23
5. **性能优化**：通过缓存已处理的URL或规则，减少不必要的计算，提升页面加载速度。 6. **兼容性考虑**：确保在各种浏览器环境中都能正常工作，包括较旧版本或非主流浏览器。 7. **日志记录**：提供重定向事件的...
AJAX实例：根据邮编自动完成地址信息
03-06
本实例将探讨如何利用AJAX根据用户输入的邮编实现自动完成地址信息的功能，这在地图应用、电子商务网站或任何需要地理位置信息的系统中都非常常见。 首先，我们要了解AJAX的基本工作原理。它通过JavaScript创建...
html输入QQ 表情
06-01
在HTML页面中实现输入QQ表情的功能，这涉及到Web开发中的富文本编辑器和自定义插件的使用。QQ表情作为一种常见的社交元素，被广泛应用于聊天、论坛和博客等场景，将其整合到HTML页面中，可以增强用户的交互体验，...
ajax动态加载关键词提示
03-29
"Ajax动态加载关键词提示"是Ajax应用的一个常见场景，它主要用于搜索框或者输入字段，当用户输入时，后台服务通过Ajax请求获取匹配的关键词，并实时显示给用户作为提示。这种功能在许多网站和应用中都有应用，例如...
从输入网址（URL）到页面加载的全过程
weixin_42367460的博客
03-21 2562
1. 当浏览器输入一个url后，首先要在客户端上进行url解析， 2. 缓存检查 3. 在DNS服务器上进行DNS解析， 4. 建立tcp连接通道后浏览器向服务器发送http请求， 5. 服务器把结果返回给浏览器，返回要关闭tcp连接通道， 6. 然后在浏览器上把获取的结果进行渲染。 7. 浏览器内核拿到相应内容后，渲染开始， 8. 解析html,css分别建立DOM Tree和CSSOM Tree， 9. 随后这两个合并成Render Tree。 10. 然后布局Render Tree
一个网页从输入url到页面加载过程
qq_37932911的博客
02-22 114
过程概述 1、浏览器查找域名对应的IP地址 2、浏览器根据IP地址与服务器建立socket连接 3、浏览器与服务器通信：浏览器请求，服务器处理请求和响应 4、浏览器与服务器断开连接 具体过程 1、搜索自身的DNS缓存 2、搜索操作系统自身的DNS缓冲 3、读取本地的HOST文件 4、浏览器发起一个DNS的系统调用 DNS叫做域名系统：由解析器和域名服务器组成，域名服务器保存着该网络中所有主...
从输入URL到页面加载的过程学习笔记
qq_41177361的博客
01-05 120
目录 从浏览器接收url到开启网络请求线程 多进程的浏览器 多线程的浏览器内核 解析URL DNS查询得到IP 五层因特网协议栈 从服务器接收到请求到对应后台接收到请求 负载均衡 后台的处理 后台和前台的http交互 cookie以及优化 从浏览器接收url到开启网络请求线程 这一部分要深入学习浏览器进程/线程模型，JS的运行机制 多进程的浏览器 浏览器是多进程...
浏览器从输入URL到页面渲染加载的过程（浏览器知识体系整理）
铁锤妹妹的博客
05-10 5001
记得最开始学前端知识时，是一点一点的积累，一个知识点一个知识点的攻克。 就这样，虽然在很长一段时间内积累了不少的知识，但是，总是无法将它串联到一起。每次梳理时都是很分散的，无法保持思路连贯性。
一个页面从输入 URL 到页面加载显示完成的过程
weixin_44260504的博客
04-26 204
一个页面从输入 URL 到页面加载显示完成的过程 分为 4 个步骤： 当发送一个 URL 请求时，不管这个 URL 是 Web 页面的 URL 还是 Web 页面上每个资源 的 URL，浏览器都会开启一个线程来处理这个请求，同时在远程 DNS 服务器上启动一个 DNS 查询。这能使浏览器获得请求对应的 IP 地址。 浏览器与远程 Web 服务器通过 TCP 三次握手协商来建立一个 TCP/IP ...
从输入URL到页面加载完成的过程详解
万少博-FE
05-03 1444
时间：2018年3月27日14:03:05    对于经历过多次面试的前端工程师来说，这个问题肯定会遇到过，而且每次都回答的不同，因此，把这个问题拿出来单独讨论，不仅对于自己的知识有所积累，同时也有助于广度的学习。    用到的技术：浏览器技术、http、网络服务等    比如，我们要访问：http://www.baidu.com，过程如下：1、浏览器从URL中解析出服务器主机名（文本形式的域名）...
从地址栏输入URL到页面加载显示的过程分析
Harryの心阁
08-20 180
文章目录第二十三天Javascript题目解题思路解答过程知识扩展url输入DNS解析TCP连接为什么是三次握手而不是两次发送http请求服务器处理请求服务器响应请求浏览器渲染页面连接结束公众号：今日在学 来源博客：【Harryの心阁】 第二十三天 (题目来源: 前端每日知识3+1) Javascript题目 写一个方法判断字符串是否为回文字符串 解题思路 解答过程 function reverseStr(str) { // let newStr = [...str].reverse().jo
从输入 URL 到页面加载完成的过程中都发生了什么事情？
画龍丶的博客
01-06 451
原文：从输入 URL 到页面加载完成的过程中都发生了什么事情？ 附带：一篇非常古老的浏览器原理剖析 这个大佬讲的太详细了（从键盘和触摸屏开始），我就捡了一些自己能看懂得来写 1. 从输入框到敲回车 操作系统 GUI 将输入事件传递到了浏览器中，在这过程中，浏览器可能会做一些预处理，比如 Chrome 会根据历史统计来预估所输入字符对应的网站，比如输入了「ba」，根据之前的历史发现 90% 的概率会访问「www.baidu.com 」，因此就会在输入回车前就马上开始建立 TCP 链接甚至渲染了，这里面还有很多
前端面试题之输入一个URL到页面加载步骤
Mrxcguo的博客
10-07 525
一、DNS(Domain Name System) 域名解析 根据输入的 URL 域名找到真实 IP 地址，在查找的过程中，首先 DNS 会查询是否有缓存。 从浏览器中查找，不同浏览器设置的缓存时间不同，一般在2-30分钟； 从操作系统中查找； 从路由器中查找； 从 ISP 中查找； 域名服务器递归查询，首先从顶级域名（一般顶级域名已经在缓存中了），再到二级域名，以此类推。 二、建立TCP 连接 根据 IP 地址，客户端与服务端进行三次握手，建立连接（参考文章TCP的三次握手与四次握
一个页面从输入 URL 到页面加载显示完成，这个过程中都发生了什么？
最新发布
06-08
当你在浏览器中输入 URL 并按下回车键时，以下是整个过程： 1. DNS 解析：浏览器会先检查缓存中是否有该域名对应的 IP 地址，如果没有，就会向本机设置的 DNS 服务器发送请求，通过一系列的查询最终获取到该域名...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值