IE圖片緩存document.execCommand("BackgroundImageCache",false,true)

更新時間：2011年03月01日 16:43:46 作者：

IE6下設(shè)置背景圖片是不會被真正cache住的，就算服務(wù)器做了cache，如果想cache住只能

Pixy方法受到IE的cache bug影響會閃爍。其實并沒有說清楚這個問題，但其實該bug是有條件的，即IE的cache設(shè)置為Every visit to the page，而不是默認(rèn)的Automatically?；旧?，只有開發(fā)者才會把cache設(shè)置為每次訪問檢查更新，所以這個bug其實不會影響真正的用戶（根據(jù)在winxpsp2的ie6下測試，雖然可能仍然調(diào)用了一次網(wǎng)絡(luò)存取的api，但是并沒有發(fā)生實際的請求，癥狀就是鼠標(biāo)有極短時間的抖動，但是圖像不會閃爍）。此外有人發(fā)現(xiàn)了一個未公開的方法來讓IE對背景圖進行緩存： document.execCommand("BackgroundImageCache",false,true)
用這種方法甚至避免了api調(diào)用，貌似是直接緩存在IE內(nèi)存中。

IE6下設(shè)置背景圖片是不會被真正cache住的，就算服務(wù)器做了cache，如果想cache住只能~~~

做過UI設(shè)計和開發(fā)的人一定知道，IE(不包括IE7)會經(jīng)常從服務(wù)器端重新載入背景圖片，好端端的UI界面在IE(不包括IE7)中就這樣被折騰著......

Erik發(fā)現(xiàn)了一個簡單的解決辦法（針對IE7以下的IE有效，其實在IE7中已經(jīng)修復(fù)了這個Bug）

程序代碼

復(fù)制代碼代碼如下:

document.execCommand("BackgroundImageCache", false, true);

今天閱讀Ext的源碼時發(fā)現(xiàn)Jack Slocum已經(jīng)考慮到了這一點，在Ext.js中給出了他的實現(xiàn)，在其它Ajax框架中應(yīng)該還沒有這種類似的代碼，從這一個細節(jié)上就能看出Ext的全面～

程序代碼

復(fù)制代碼代碼如下:

 
var isIE = ua.indexOf("msie") > -1, isIE7 = ua.indexOf("msie 7") > -1; 
// remove css image flicker 
if(isIE && !isIE7){ 
try{ 
document.execCommand("BackgroundImageCache", false, true); 
}catch(e){} 
} 

今天閱讀幻宇的dreamplayer播放器源碼時發(fā)現(xiàn)幻宇也針對IE的背景緩存進行了修復(fù)，只是他并沒考慮到IE7中已經(jīng)不存在這個現(xiàn)象了，這是 evml.js中的一段相關(guān)代碼～(順便嘀咕兩句：這家伙，寫JS從來不加分號的，以前是這樣，現(xiàn)在還是這樣，這樣的話怎么進行壓縮呀，汗～下面的代碼按照我的習(xí)慣都已加上分號，哪怕只有兩三句而已～)

程序代碼

復(fù)制代碼代碼如下:

 
window.isIE=navigator.appName.indexOf("Microsoft")==0; 
if(isIE){ 
document.documentElement.addBehavior("#default#userdata"); 
document.execCommand("BackgroundImageCache",false,true); 
} 

A while back a lot of people where covering how to work around the bug that IE always
reloads background images from the server, leading to your UI flickering.
Dean wrote one and lots of others wrote the same thing. Today, I saw this simple workaround
(from a fellow Googler who worked at Microsoft before):

document.execCommand("BackgroundImageCache", false, true)

Much simpler but makes me wonder why this is not the default setting?

/**
* 相關(guān)回復(fù)
* by Nicholas C. Zakas @2007-02-26
*/
I've actually wondered about this "bug" for a while.
I'm sure somewhere along the line this decision was made for a logical reason…
maybe they didn't anticipate how much background images would be used, or maybe they thought
there was some use case under which it would be desirable not to cache the background image.
I'm generally not big on overriding things that seem to be design decisions (which this seems to be).
I've never really thought this was a "bug"…bugs don't usually have switches that say "turn off bug".

您可能感興趣的文章: