从输入 URL 到页面展示到底发生了什么?

  1. 输入网址,解析URL,准备发送HTTP请求

  2. 检查浏览器是否有缓存,若有则直接返回,若没有则进行下一步网络请求

  3. DNS域名解析,网络请求前,进行DNS解析,获取IP地址,若请求协议是HTTPS,则需建立TLS连接,查询ip的顺序:本地浏览器缓存 -> 本地host文件 -> 路由器缓存 -> DNS服务器 -> 根DNS服器

4.建立连接,通过tcp三次握手建立连接

  1. 浏览器发送HTTP请求,构建请求头、请求行等信息,并把cookie等加入到请求头中,发送请求(若是HTTPS,则还需加解密过程)

  2. 服务器处理请求并返回HTTP资源

  3. 断开连接,通过tcp四次挥手断开连接

  4. 浏览器解析并渲染页面

  • 浏览器解析响应头。若响应头状态码为301、302,会重定向到新地址;若响应数据类型是字节流类型,一般会将请求提交给下载管理器;若是HTML类型,会进入下一部渲染流程。
  • 浏览器解析HTML文件,创建DOM树,解析CSS进行样式计算,然后将CSS和DOM合并,构建渲染树;最后布局和绘制渲染树,完成页面展示。
相关推荐
只要微微辣15 分钟前
Vue3 + TS 企业级 WebSocket 封装实战:高可用、自动重连、心跳检测与业务解耦方案
网络·websocket·网络协议
北京盟通科技官方账号1 小时前
【技术深挖】EtherCAT 如何实现超高精度同步?深度解析分布式时钟 (DC)
网络协议·数据传输·ethercat·智能工厂·盟通科技·windows实时·ec-master
Tirzano1 小时前
webflux websocket 实现简单im聊天
网络·websocket·网络协议
文章永久免费只为良心1 小时前
反射型 XSS 漏洞从弹窗到劫持页面的进阶利用实战
网络安全·渗透测试·xss·xss漏洞进阶·跨站脚本漏洞进阶·跨站脚本漏洞·漏洞复现步骤
深邃-1 小时前
【Web安全】-BurpSutie实战讲解(1):BP工具介绍,BP安装与启动,BP浏览器代理(端口被挤占的问题解决,bp不能使用的问题)
计算机网络·安全·web安全·网络安全·系统安全·burpsutie
pengyi8710151 小时前
IP池脚本高级优化方案,去重、防漂移、防关联编写技巧
网络·网络协议·tcp/ip
Shingmc31 小时前
【Linux】网络层(IP协议)
网络·网络协议·tcp/ip
Bat U2 小时前
JavaEE|网络原理HTTP和HTTPS
网络协议·http·https
Chockmans2 小时前
春秋云境CVE-2022-30887(保姆级教学)
安全·web安全·网络安全·系统安全·安全威胁分析·春秋云境·cve-2022-30887
IpdataCloud13 小时前
高并发场景下IP数据接口怎么选?从QPS到离线库的完整选型指南
网络·网络协议·tcp/ip