地址栏输入url到显示画面

  1. URL输入与解析

    浏览器判断输入的是否是合法url,如果不是合法url会进行默认搜索

    判断是否为合法url: 有合法协议头(如http://,https://,about:等)直接视为合法url=>没有协议头尝试解析为域名或IP(包含.,不全为数字是域名,全为数字是IP,不能包含空格,特殊字符(连字符除外))

    如果是url会进行url解析,提取协议,域名,端口,查询参数等

  2. DNS解析

    缓存查找: 在主机,路由器中的缓存中查找

    递归查找: 缓存查找找不到则向主机配置的本地DNS服务器发请求,本地DNS则依次向根域名,顶级域名,二级域名服务器发出请求依次查找直到找到目标服务器的IP

  3. TCP连接

    TCP三次握手: SYN=>SYN+ACK=>ACK

    TLS握手(HTTPS有这个): 客户端发送支持的密码套件和客户端随机数A=>服务端发送数字证书(包含公钥),选择的密码套件和服务端随机数B=>客户端认证数字证书,生成一段随机数作为预主密钥用公钥加密发送=>服务端用私钥解密,服务端和客户端都用相同的算法对(预主密钥,A,B)进行加密得到密钥

  4. 服务器处理并返回响应

  5. 浏览器接收并渲染

相关推荐
身如柳絮随风扬2 分钟前
你知道什么是 Ajax 吗?—— 从入门到原理,一篇彻底搞懂
前端·ajax·okhttp
一袋米扛几楼986 分钟前
【高级网络】虚拟化与云计算 (Virtualization & Cloud) 深度解析
网络·网络工程
旷世奇才李先生27 分钟前
Vue3\+TypeScript 2026实战——企业级前端项目架构搭建与性能优化全指南
前端·架构·typescript
Beginner x_u1 小时前
前端八股整理(工程化 02)|CommonJS/ESM、Webpack Loader/Plugin 与Vite 对比
前端·webpack·node.js·plugin·loader
openKaka_1 小时前
createRoot 到底创建了什么:FiberRootNode 和 HostRootFiber 的初始化过程
前端·javascript·react.js
习明然2 小时前
UniApp开发体验感受总结
前端·uni-app
刀法如飞3 小时前
Claude Code Skills 推荐:2026年最值得安装的10个AI技能
前端·后端·ai编程
wdfk_prog3 小时前
正常关闭虚拟机时,不要点“关机”,而要点“关闭客户机”
linux·c语言·网络·ide·vscode
Lee川3 小时前
面试手写 KeepAlive:React 组件缓存的实现原理
前端·react.js·面试
墨染天姬3 小时前
【AI】cursor提示词小技巧
前端·数据库·人工智能