img, script, link 的 src/href 为空时的bug

标签：des   style   blog   http   color   io   os   ar   strong   

重复加载

这个 bug 并不新鲜。早在 2009 年，Nicholas C. Zakas 就发现了空 src 的危害性：Empty image src can destroy your site.

Nicholas 的发现可以概括为一句话：img, script, link 的 src/href 为空时，有可能会导致冗余请求。

今天这个 bug 的起因，可以补充 Nicholas 的发现：CSS 里，background url 为空时，也有可能会导致冗余请求。

除了空值，还有一个值也会出问题：#值。 比如 <img src=”#”>

#值比空值更糟糕。比如 background: url(#), 直接会触发一个新请求。

解决方案：

1. 等待浏览器自身的改进。Nicholas 在 2009 年就开始推动各浏览器厂商，现在看起来就 IE 修复得还可以，Firefox 依旧会从本地缓存中读取一次（重复读取有可能会导致 js/css 的再次 parse + execute，浪费呀）。对于#值，则目前所有浏览器都未考虑周全。

2. 改变代码习惯。严禁代码中，url/href/src 值为空或 # . 这应该是目前最好的一种方式。

3. 经验教训：对于开放 CSS 的系统，源码检查时，要加入对 background/background-image: url()/url(#) 的检查。

session丢失

img src为空时，會發生Session掉的問題

因為img的src為空字串所造成的，所以就加入如果src為空字串的話，就把它給清掉，就OK了

img, script, link 的 src/href 为空时的bug

标签：des   style   blog   http   color   io   os   ar   strong   

原文地址：http://my.oschina.net/homeemail/blog/335899