|
|
我在Ajax中國(guó)上曾經(jīng)對(duì)比過(guò)國(guó)內(nèi)門(mén)戶網(wǎng)站對(duì)Flash激活限制的處理。除了qq.com，各大門(mén)戶網(wǎng)站上的flash都已經(jīng)解決了激活限制的問(wèn)題。淘寶的頁(yè)面上也常常會(huì)使用到Flash，激活限制導(dǎo)致用戶的交互性體驗(yàn)感受不夠友善。
我們一直想解決此問(wèn)題。但是國(guó)內(nèi)門(mén)戶網(wǎng)站的做法都略為麻煩，要么需要為每個(gè)flash編寫(xiě)額外的js，要么就是在頁(yè)面上放置flash的位置打上一塊<script>補(bǔ)丁，利用SWFObject或者UFO提供的腳本寫(xiě)入flash。
網(wǎng)易的做法算是最技術(shù)的了，它的原理可以簡(jiǎn)單說(shuō)一下（感謝在網(wǎng)易工作的朋友的闡析）：通過(guò)外部引入的js代碼覆蓋主頁(yè)面的document.write方法，這樣在主頁(yè)面上利用document.write方法時(shí)其實(shí)是外部文件的函數(shù)來(lái)寫(xiě)入的，實(shí)現(xiàn)了active控件下載和主頁(yè)面分離。這樣也就避開(kāi)了激活限制。
可是，以上的所有解決方法，F(xiàn)lash都是通過(guò)腳本來(lái)寫(xiě)入的。比較注重web標(biāo)準(zhǔn)的網(wǎng)站會(huì)附上一段<noscript >來(lái)彌補(bǔ)禁用JavaScript的用戶。但大多數(shù)是置之不理。
一番google(我真的是用了yahoo，不過(guò)沒(méi)找到什么)，在SitePoint上發(fā)現(xiàn)了一份很有價(jià)值的文獻(xiàn)ObjectSwap: Bypassing the ActiveX Activation Issue in IE，如獲至寶。
ObjectSwap提供的實(shí)現(xiàn)只需要在<head>中引入一個(gè)腳本。雖然也是使用腳本，但其邏輯是在頁(yè)面加載完成后，重寫(xiě)一次<object>標(biāo)簽來(lái)實(shí)現(xiàn)自動(dòng)激活。頁(yè)面中的flash依然是標(biāo)準(zhǔn)的HTML。不需要通過(guò)document.write寫(xiě)入。而且對(duì)于禁用js的用戶Flash依然可以正常顯示。這應(yīng)該算是最unobtrusive的一種實(shí)現(xiàn)了。
最新的ObjectWrap 可以從這里下載。
原來(lái)的腳本有6k，我簡(jiǎn)化了一些邏輯，并通過(guò)條件注釋讓腳本只為IE6/7服務(wù)。讓人欣喜的是，不光是Flash，只要是<object>，ObjectWrap都會(huì)處理，這樣我們?cè)诎踩卿浱詫毣蛘咧Ц秾気斎朊艽a的時(shí)候，也可以節(jié)約一個(gè)單擊的氣力了。
至于為什么重寫(xiě)<object>可以解決激活限制，就不要深究了，正如IE那一系列讓人抓狂的CSS hack。我們只能逼自己記住它，傻瓜才會(huì)去弄清楚為什么。
最后向ObjectWrap的作者 Karina Steffens 致敬！
JavaScript技術(shù)：再談IE中Flash控件的自動(dòng)激活 ObjectWrap，轉(zhuǎn)載需保留來(lái)源！
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。
