浏览器输入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代码,浏览器会执行这些代码,对页面进行交互和动态效果的实现。

相关推荐
DN金猿16 分钟前
使用npm install或cnpm install报错解决
前端·npm·node.js
丘山子17 分钟前
一些鲜为人知的 IP 地址怪异写法
前端·后端·tcp/ip
志存高远6629 分钟前
Kotlin 的 suspend 关键字
前端
www_pp_42 分钟前
# 构建词汇表:自然语言处理中的关键步骤
前端·javascript·自然语言处理·easyui
天天扭码1 小时前
总所周知,JavaScript中有很多函数定义方式,如何“因地制宜”?(ˉ﹃ˉ)
前端·javascript·面试
一个专注写代码的程序媛1 小时前
为什么vue的key值,不用index?
前端·javascript·vue.js
장숙혜2 小时前
ElementUi的Dropdown下拉菜单的详细介绍及使用
前端·javascript·vue.js
火柴盒zhang2 小时前
websheet之 编辑器
开发语言·前端·javascript·编辑器·spreadsheet·websheet
某公司摸鱼前端2 小时前
uniapp 仿企微左边公司切换页
前端·uni-app·企业微信
WKK_2 小时前
uniapp自定义封装tabbar
前端·javascript·小程序·uni-app