输入url到展示到底发生了什么

本文概述了从输入URL开始,经过域名解析、HTTP请求、重定向、服务器响应、资源获取,直至浏览器渲染的完整过程,揭示了浏览器与服务器交互的核心技术细节。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

输入url到展示到底发生了什么
输入地址
浏览器查找域名对应的ip地址 域名解析(dns)
dns - 域名系统 域名和ip地址对应的分布式数据库
人更习惯域名 机器更习惯ip地址
先看hosts文件有没有对应的ip有的话直接用
没有的话请求dns服务器(有缓存)
浏览器向web服务器发送http请求
第一行是 方法URL议/版本 GET/xxxx.jsp HTTP/1.1
请求头
请求报文
服务器的永久重定向响应
服务器给浏览器响应一个301永久重定向响应,这样浏览器就会访问 http://www.google.com/ 而非http://google.com/。
把访问带www的和不带www的地址归到同一个网站排名下
不同的地址会造成缓存友好性变差,当一个页面有好几个名字时,它可 能会在缓存里出现好几次。
浏览器跟踪重定向地址
请求重定向之后的地址
服务器处理请求
反向代理
客户端本来可以直接通过HTTP协议访问某网站应用服务器,网站 管理员可以在中间加上一个Nginx,客户端请求Nginx,Nginx请求 应用服务器,然后将结果返回给客户端,此时Nginx就是反向代理 服务器。
服务器返回一个 HTTP 响应
状态行
响应头
响应报文
浏览器显示 HTML
自上而下
构建dom树 -> 构建render树 -> 布局render树 -> 绘制render树
js会挂起渲染线程 因为js可能修改dom树 这也是平时开发js放在html 最下面的原因
浏览器发送请求获取嵌入在 HTML 中的资源(如图片、音频、视频、CSS、 JS等等)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值