- 当发送一个url请求时（可能是web页面也可能是web页面中的资源url），浏览器都会开启一个线程来处理这个请求，同时在远程DNS服务器上启动一个DNS查询，使浏览器获得请求对应的IP地址。
- 浏览器与远程WEB服务器通过TCP三次握手协商来建立一个TCP/IP连接，该握手包括一个同步报文，一个同步-应答报文，一个应答报文，这三个报文在浏览器和服务器之间传递。该握手首先由客户端尝试建立起通信，而后服务器应答并接受客户端的请求，最后由客户端发出已经被接受的请求报文。
- 一旦TCP/IP连接建立，浏览器会通过该连接向远程服务器发送HTTP的GET请求，远程服务器找到资源并使用HTTP返回该资源。值为200的HTTP响应状态表示一个正确的响应。
- 此时，WEB服务器提供资源服务，客户端开始下载资源
当页面从输入url到页面加载完毕经历了哪些步骤
2023-01-03
78
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
当页面从输入url到页面加载完毕经历了哪些步骤
目录
相关文章
|
5天前
|
域名解析
缓存
网络协议
浏览器输入 URL 回车后会经历哪些步骤？
本文首发于微信公众号“前端徐徐”，详细解析了从在浏览器中输入URL到页面完全呈现的全过程，涵盖检查缓存、URL解析、DNS解析、TCP连接、HTTP请求、服务器响应、浏览器处理响应、页面解析与渲染、关闭TCP连接等关键步骤。通过这些步骤，帮助读者深入了解互联网的工作原理，提升网站性能和用户体验。
10
0
0
|
2月前
|
网络协议
前端开发
JavaScript
浏览器加载网页的幕后之旅：从URL到页面展示详解
【8月更文挑战第31天】当在浏览器地址栏输入URL并回车后，一系列复杂过程随即启动，包括DNS解析、TCP连接建立、HTTP请求发送、服务器请求处理及响应返回，最后是浏览器页面渲染。这一流程涉及网络通信、服务器处理和客户端渲染等多个环节。通过示例代码，本文详细解释了每个步骤，帮助读者深入理解Web应用程序的工作机制，从而在开发过程中作出更优决策。
45
5
5
|
2月前
|
缓存
前端开发
JavaScript
|
2月前
|
JavaScript
Linux
应用服务中间件
【Azure 应用服务】FTP 部署 Vue 生成的静态文件至 Linux App Service 后，访问App Service URL依旧显示Azure默认页面问题
【Azure 应用服务】FTP 部署 Vue 生成的静态文件至 Linux App Service 后，访问App Service URL依旧显示Azure默认页面问题
37
1
1
|
2月前
|
API
UED
开发者
Vaadin路由魔法：导航之舟，带你穿越页面迷宫！驾驭神奇URL，解锁无限可能！
【8月更文挑战第31天】Vaadin是一款现代Java Web开发框架，其路由机制结合前后端路由，确保流畅的用户体验和高效服务器资源利用。通过`@Route`注解和`Router`类，开发者可以轻松定义和管理页面路径。例如，`@Route("home")`可指定视图路径，而参数化路由如`@Route("user/:userId")`则允许URL传参。此外，Vaadin还提供了丰富的导航API和自定义路由事件监听器，助力开发者构建结构清晰且体验优秀的Web应用。
34
0
0
|
2月前
|
缓存
网络协议
JavaScript
|
2月前
|
JavaScript
前端开发
网络协议
|
4月前
|
Web App开发
移动开发
安全
|
1月前
|
前端开发
JavaScript
|
2月前
|
开发框架
前端开发
.NET
热门文章
最新文章
1
Java获取URL中的顶级域名domain的工具类
2
Code: Open URL by a New Browser
3
搭建RESTful API 之 实现WSGI服务的URL映射
4
Asp.Net MVC2.0 Url 路由入门
5
SAP C4C里没有选择Port binding的url Mashup行为分析
6
白话学习MVC(四)URL路由
7
url解码
8
Jsp页面在URL中传递参数会出现乱码
9
C#分析URL参数获取参数和值得对应列表(一)
10
JavaWeb - GET 请求中 URL 的最大长度限制（附：解决方案）
1
URL输入到页面渲染过程详解
41
2
javascript获取url信息的常见方法
66
3
判断三次URL可用性
44
4
检查URL可用性2
41
5
根据service名字获得真实的URL
69
6
如何在JS中实现修改URL参数而不刷新页面
80
7
人工智能平台PAI产品使用合集之机器学习PAI-EAS部署好后，服务的公网API和URL怎么配置
274
8
js原生方法，获取url上面所有参数，并返回一个对象
201
9
报错 create connection SQLException, url: jdbc:mysql://noreggie?serverTimezone=Asia/Shanghai&useUnicod
53
10
前端vue2、vue3去掉url路由“ # ”号——nginx配置（二）
306