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