地址栏输入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. 浏览器接收并渲染

相关推荐
甲维斯9 小时前
DeepSeekFlash前端依旧拉垮,而且变慢了很多!
前端·人工智能
奈斯先生Vector9 小时前
大模型 Agentic Workflow 架构解构:异构 API 调度与 Token 路由的多模态系统设计
开发语言·前端·架构·prompt·aigc·音视频
海带紫菜菠萝汤9 小时前
FFmpeg.wasm 实践:在浏览器中运行 FFmpeg 的能力边界与性能瓶颈
前端·javascript·ffmpeg·音视频·wasm
名字还没想好☜9 小时前
React 受控输入框光标跳到末尾:格式化输入时的 selection 丢失 bug 与修复
前端·javascript·react.js·bug·react·next.js
Access开发易登软件9 小时前
Access 怎么做前后端分离?用 Web API 读写 SQL Server
前端·数据库·人工智能·microsoft·excel·access
10share9 小时前
React 新一代样式隔离方案 —— 编译时、零运行时、原生写法
前端·react.js
Revolution619 小时前
Node.js 是什么:前端项目里哪些事情由它完成
前端·面试·node.js
小张同学a.9 小时前
LAMP架构2
linux·运维·网络·架构·负载均衡
我要两颗404西柚10 小时前
Stage three:VUE工程化与实战工具
前端·javascript·vue.js
光影少年10 小时前
RN 的EventEmitter 双向通信
前端·react native·react.js