- 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
94
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
本文涉及的产品
简介：
从输入一个url到浏览器页面展示都经历了哪些过程
目录
相关文章
|
11天前
|
缓存
网络协议
JavaScript
浏览器输入url之后最后网页渲染出来经过了什么
【10月更文挑战第31天】从浏览器输入 URL 到网页渲染出来是一个涉及多个环节和技术的复杂过程，每个环节都对最终的网页显示效果和用户体验有着重要的影响。
23
3
3
|
14天前
|
存储
缓存
网络协议
计算机网络常见面试题（二）：浏览器中输入URL返回页面过程、HTTP协议特点，GET、POST的区别，Cookie与Session
计算机网络常见面试题（二）：浏览器中输入URL返回页面过程、HTTP协议特点、状态码、报文格式，GET、POST的区别，DNS的解析过程、数字证书、Cookie与Session，对称加密和非对称加密
68
2
2
|
16天前
|
域名解析
缓存
网络协议
|
1月前
|
缓存
网络协议
前端开发
|
1月前
|
域名解析
缓存
网络协议
浏览器输入 URL 回车后会经历哪些步骤？
本文首发于微信公众号“前端徐徐”，详细解析了从在浏览器中输入URL到页面完全呈现的全过程，涵盖检查缓存、URL解析、DNS解析、TCP连接、HTTP请求、服务器响应、浏览器处理响应、页面解析与渲染、关闭TCP连接等关键步骤。通过这些步骤，帮助读者深入了解互联网的工作原理，提升网站性能和用户体验。
16
0
0
|
3月前
|
网络协议
前端开发
JavaScript
浏览器加载网页的幕后之旅：从URL到页面展示详解
【8月更文挑战第31天】当在浏览器地址栏输入URL并回车后，一系列复杂过程随即启动，包括DNS解析、TCP连接建立、HTTP请求发送、服务器请求处理及响应返回，最后是浏览器页面渲染。这一流程涉及网络通信、服务器处理和客户端渲染等多个环节。通过示例代码，本文详细解释了每个步骤，帮助读者深入理解Web应用程序的工作机制，从而在开发过程中作出更优决策。
62
5
5
|
3月前
|
缓存
前端开发
JavaScript
|
3月前
|
API
UED
开发者
Vaadin路由魔法：导航之舟，带你穿越页面迷宫！驾驭神奇URL，解锁无限可能！
【8月更文挑战第31天】Vaadin是一款现代Java Web开发框架，其路由机制结合前后端路由，确保流畅的用户体验和高效服务器资源利用。通过`@Route`注解和`Router`类，开发者可以轻松定义和管理页面路径。例如，`@Route("home")`可指定视图路径，而参数化路由如`@Route("user/:userId")`则允许URL传参。此外，Vaadin还提供了丰富的导航API和自定义路由事件监听器，助力开发者构建结构清晰且体验优秀的Web应用。
45
0
0
|
3月前
|
存储
API
网络架构
【Azure 存储服务】MP4视频放在Azure的Blob里面，用生成URL在浏览器中打开之后，视频可以正常播放却无法拖拽视频的进度
【Azure 存储服务】MP4视频放在Azure的Blob里面，用生成URL在浏览器中打开之后，视频可以正常播放却无法拖拽视频的进度
46
0
0
|
13天前
|
JSON
移动开发
JavaScript
在浏览器执行js脚本的两种方式
【10月更文挑战第20天】本文介绍了在浏览器中执行HTTP请求的两种方式：`fetch`和`XMLHttpRequest`。`fetch`支持GET和POST请求，返回Promise对象，可以方便地处理异步操作。`XMLHttpRequest`则通过回调函数处理请求结果，适用于需要兼容旧浏览器的场景。文中还提供了具体的代码示例。
37
5
5
热门文章
最新文章
1
Initialization failed for 'https://start.spring.io' Please check URL, network and proxy settings.
2
Code: Open URL by a New Browser
3
Asp.Net MVC2.0 Url 路由入门
4
5 分钟搞懂 URI、URL 和 URN
5
url解码
6
C#分析URL参数获取参数和值得对应列表(一)
7
白话学习MVC(四)URL路由
8
Jsp页面在URL中传递参数会出现乱码
9
7.5. CURL - transfer a URL
10
Springboot Http文件的访问 Url 转换 MultipartFile ，File 转 MultipartFile
1
`roslibpy`是一个Python库，它允许非ROS（Robot Operating System）环境（如Web浏览器、移动应用等）与ROS环境进行交互。通过使用`roslibpy`，开发者可以编写Python代码来远程控制ROS节点，发布和订阅话题，以及调用服务。
306
2
XML DOM 浏览器差异
17
3
【vue2】vue2 适配pc端,解决浏览器缩放问题，解决电脑显示设置缩放、分辨率问题
455
4
【插件】浏览器广告拦截插件| 浏览器搜索广告横飞怎么办
48
5
Linux系统之安装Firefox浏览器
252
6
XML DOM 浏览器差异
32
7
JavaScript进阶 - 浏览器存储：localStorage, sessionStorage, cookies
192
8
XML DOM 浏览器差异
30
9
vue3【实战】创建项目、创建并提交代码到远程仓库，安装 SASS, 清除浏览器默认样式 reset-css, 清除模板代码，提升开发效率的必要集成
75
10
浏览器【详解】Cookie（含Cookie的起源，属性，个数和大小限制，作用，优点，缺点，JS 的操作方法等）
209