浏览器输入url后回车展开过程

当你在浏览器中输入一个URL并敲下回车后,浏览器会执行一系列步骤来访问并展示网页。下面是浏览器访问网页的一般流程:

  1. DNS解析 :浏览器首先会提取URL中的主机名,然后向DNS服务器发送请求将主机名解析为对应的IP地址**。这个IP地址用于建立与服务器的连接。**

  2. 建立TCP连接使用获得的IP地址,**浏览器会通过TCP协议与服务器建立连接。**这个过程包括三次握手,确保客户端和服务器之间的连接可靠。

  3. 发送HTTP请求一旦建立了TCP连接,浏览器会发送一个HTTP请求给服务器。 该请求包含了需要访问的资源的类型(如HTML、CSS、JavaScript等)以及其他的请求头信息。

  4. 服务器处理请求服务器接收到请求后 ,会根据请求的内容和路径,找到对应的资源文件 。服务器可能会执行一些处理逻辑,如动态生成内容

  5. 接收响应服务器处理完请求后 ,会生成一个HTTP响应 ,其中包含了请求的资源以及其他的响应头信息。服务器将这个响应发送回浏览器。

  6. 下载资源浏览器接收到服务器发送的响应后,会开始下载响应中的资源文件如HTML、CSS、JavaScript、图片等。

  7. 解析文档 :**一旦资源文件被下载完毕,浏览器会对HTML文件进行解析,构建DOM树。**同时,还会解析CSS文件构建CSSOM树。

  8. 渲染页面浏览器根据DOM树和CSSOM树构建渲染树,并进行布局和绘制,最终将页面内容显示在屏幕上。

  9. 执行JavaScript如果HTML中包含了JavaScript代码,浏览器会执行这些代码,对页面进行交互和动态效果的实现。

相关推荐
摇滚侠18 小时前
Vue 项目实战《尚医通》,获取当前账户就诊人信息并展示出来,笔记42
前端·javascript·vue.js·笔记·html5
han_18 小时前
前端高频面试题之Vue-router篇
前端·vue.js·面试
C.果栗子18 小时前
Blob格式的PDF文件调用打印,浏览器文件打印(兼容)
前端·javascript·pdf
倚肆20 小时前
CSS 选择器空格使用区别详解
前端·css
盼哥PyAI实验室20 小时前
学会给网页穿衣服——学习 CSS 语言
前端·css·学习
我的xiaodoujiao20 小时前
使用 Python 语言 从 0 到 1 搭建完整 Web UI自动化测试学习系列 25--数据驱动--参数化处理 Excel 文件 2
前端·python·学习·测试工具·ui·pytest
岁月宁静21 小时前
从0到1:智能汇 AI 全栈实战,拆解多模态 AI 应用开发全流程
前端·vue.js·node.js
廾匸64021 小时前
语义化标签
前端·javascript·html
烛阴21 小时前
隐式vs显式:解密C#类型转换的底层逻辑
前端·c#
Fantasydg21 小时前
AJAX JSON学习
前端·学习·ajax