从输入URL到显示发生了什么?

370 阅读2分钟

实际上就是浏览器加载、解析、渲染的过程。

  1. URL地址解析

  2. DNS域名解析

  3. 客户端与服务端建立TCP连接(三次握手)

  4. 把客户端信息传递给服务器端(发送HTTP请求)

  5. 服务器得到并处理请求(HTTP响应内容)

  6. 客户端渲染服务器返回的内容

  7. 和服务端断开TCP连接(四次挥手)

参考:

一文摸透从输入URL到页面渲染的过程

浏览器加载、解析、渲染的过程

浏览器的渲染:过程与原理

浏览器工作机制及资源加载

浏览器页面资源加载过程与优化

再谈 load 与 DOMContentLoaded

从Chrome源码看浏览器如何加载资源

细说浏览器输入URL后发生了什么

「一道面试题」输入URL到渲染全面梳理下-总结篇

【JavaScript】高频面试题-在地址栏输入网址之后都干了什么?

从浏览器地址栏输入网址,到网页彻底打开,中间都发生了什么?

「浏览器工作原理」写给女友的秘籍-浏览器组成&网络请求篇(1.2W字)

「浏览器工作原理」写给女友的秘籍-渲染流程篇(1.1W字)

前端面试题05:前端seo优化和输入浏览器发生啥

深入理解浏览器工作原理

浏览器的工作原理:新式网络浏览器幕后揭秘

重学前端(三)-聊聊我们的浏览器的那些事

多角度理解浏览器工作(从输入url到页面呈现)

(1.6w字)浏览器灵魂之问,请问你能接得住几个?

阿里面试官的”说一下从url输入到返回请求的过程“问的难度就是不一样!

「长文警告⚠️」从 url 输入页面到页面展示到底发生了什么?(多方参考篇)

从输入url到页面完成加载发生了什么(完整版)

前端都该懂的浏览器工作原理,你懂了吗?