- 1.首先,在浏览器地址栏输入url
- 2.浏览器先查看浏览器缓存-系统缓存-路由器缓存,如果缓存中有，会直接在屏幕中显示页面内容。若没有，则跳到第三步操作。
- 3.在发送http请求前,需要域名解析(DNS解析)，解析获取相应的IP地址。
- 4.浏览器向服务器发起tcp连接，与浏览器建立tcp三次握手。
- 5.握手成功后，浏览器向服务器发送http请求，请求数据包。
- 6.服务器处理收到的请求，将数据返回至浏览器
- 7.浏览器收到HTTP响应
- 8.读取页面内容，浏览器渲染，解析html源码
- 9.生成Dom树、解析css样式、js交互
- 10.客户端和服务器交互
从输入一个url到浏览器页面展示都经历了哪些过程
2023-08-02
105
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
本文涉及的产品
简介：
从输入一个url到浏览器页面展示都经历了哪些过程
目录
相关文章
|
7天前
|
缓存
网络协议
JavaScript
第八问：在浏览器中输入URL后发生了什么？
当在浏览器中输入URL并按下回车键时，会经历一系列复杂的过程：1. 用户输入URL；2. DNS解析域名；3. 建立TCP连接；4. 发送HTTP/HTTPS请求；5. 服务器处理请求；6. 浏览器渲染页面；7. 页面展示。每个步骤涉及不同的技术和协议，确保数据的准确传输和页面的正确显示。
18
0
0
|
1月前
|
缓存
网络协议
JavaScript
浏览器输入url之后最后网页渲染出来经过了什么
【10月更文挑战第31天】从浏览器输入 URL 到网页渲染出来是一个涉及多个环节和技术的复杂过程，每个环节都对最终的网页显示效果和用户体验有着重要的影响。
31
3
3
|
1月前
|
存储
缓存
网络协议
计算机网络常见面试题（二）：浏览器中输入URL返回页面过程、HTTP协议特点，GET、POST的区别，Cookie与Session
计算机网络常见面试题（二）：浏览器中输入URL返回页面过程、HTTP协议特点、状态码、报文格式，GET、POST的区别，DNS的解析过程、数字证书、Cookie与Session，对称加密和非对称加密
144
2
2
|
1月前
|
域名解析
缓存
网络协议
|
2月前
|
缓存
网络协议
前端开发
|
2月前
|
域名解析
缓存
网络协议
浏览器输入 URL 回车后会经历哪些步骤？
本文首发于微信公众号“前端徐徐”，详细解析了从在浏览器中输入URL到页面完全呈现的全过程，涵盖检查缓存、URL解析、DNS解析、TCP连接、HTTP请求、服务器响应、浏览器处理响应、页面解析与渲染、关闭TCP连接等关键步骤。通过这些步骤，帮助读者深入了解互联网的工作原理，提升网站性能和用户体验。
36
0
0
|
4月前
|
网络协议
前端开发
JavaScript
浏览器加载网页的幕后之旅：从URL到页面展示详解
【8月更文挑战第31天】当在浏览器地址栏输入URL并回车后，一系列复杂过程随即启动，包括DNS解析、TCP连接建立、HTTP请求发送、服务器请求处理及响应返回，最后是浏览器页面渲染。这一流程涉及网络通信、服务器处理和客户端渲染等多个环节。通过示例代码，本文详细解释了每个步骤，帮助读者深入理解Web应用程序的工作机制，从而在开发过程中作出更优决策。
77
5
5
|
4月前
|
缓存
前端开发
JavaScript
|
4月前
|
API
UED
开发者
Vaadin路由魔法：导航之舟，带你穿越页面迷宫！驾驭神奇URL，解锁无限可能！
【8月更文挑战第31天】Vaadin是一款现代Java Web开发框架，其路由机制结合前后端路由，确保流畅的用户体验和高效服务器资源利用。通过`@Route`注解和`Router`类，开发者可以轻松定义和管理页面路径。例如，`@Route("home")`可指定视图路径，而参数化路由如`@Route("user/:userId")`则允许URL传参。此外，Vaadin还提供了丰富的导航API和自定义路由事件监听器，助力开发者构建结构清晰且体验优秀的Web应用。
65
0
0
|
3月前
|
前端开发
JavaScript
热门文章
最新文章
1
使用 JavaScript 获取 URL 参数的详细指南
2
Golang strings.Split获取字符串中的url/域名的简易方法
3
7.5. CURL - transfer a URL
4
Lync Server多SIP域和简单URL客户端效果测试
5
Jsp页面在URL中传递参数会出现乱码
6
爱上MVC3系列~手动向路由表扔数据，不影响当前URL路由配对
7
Python自动化运维：Django之URL路由
8
Apache伪静态html(URL Rewrite)设置法
9
重新想象 Windows 8.1 Store Apps (81) - 控件增强: 加载本地 html, 智能替换 html 中的 url 引用, 通过 Share Contract 分享 WebView 中的内容, 为 WebView 截图
10
url参数值中有+、空格、%20、%2b
1
使用 Playwright 控制浏览器的启动、停止和等待
359
2
playwright使用：启动浏览器与多种运行方式
323
3
Playwright安装与Python集成：探索跨浏览器测试的奇妙世界
146
4
实用的chrome浏览器命令
76
5
jeecgboot开发环境服务启动刷新没问题，部署到tomcat，F5刷新或者浏览器刷新，会出现404
219
6
控制浏览器发送请求采用请求方式的详细介绍
127
7
使用PHPStudy搭建本地web网站并实现任意浏览器公网访问
336
8
edge浏览器内存不足
80
9
XML DOM 浏览器差异
61
10
实用的Chrome浏览器命令
250