scheme缺少,ie的bug

在IE7/8浏览器下,使用//前缀加载CSS资源会导致资源被重复下载两次的问题。若URL中包含端口号或通过动态方式插入,则可避免此问题。

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

在页面上定位一个资源(JS/CSS/image),通常的url是这么写的:
http://www.a.com/a.css

或者使用相应路径 "./a.css" 或者是 绝对路径 "/a.css",
这种好处是可以自动使用当前页面的协议、端口、域名

还有一种:
"//www.a.com/a.css" 这种写法规避了同一个网站,同时支持 http/https访问的情况。
看起来不错,确是有个坑:

[b]IE7/8下面,这种方式连接的css资源,每一个都会被重复下载2次。[/b]

具体可以参阅:
[b]http://www.stevesouders.com/blog/2010/02/10/5a-missing-schema-double-download/[/b]

PS:
实验中发现,[b]如果url中带了端口号[/b],似乎IE7/8就表现正常,不再重复下载了。
例如:

"//www.a.com:1234/a.css" 目前观察到只下载一次!

[b]另外,通过createElement("link")动态插入的元素[/b],也没有发现重复加载问题。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值