最近才在專案上碰到這玩意
LightBox還蠻好用的,可以嵌入網頁或一些想放的東西
但是點擊的同時,視窗就會popup出來,但原本的畫面就會被lock住,無法作任何動作
只要把LightBox的視窗關掉後,又可以正常動作
效果就像Facebook看相片的樣子 ~ 還蠻漂亮的 ^^
但是這個東西在IE9上總是會出現一些Script Error的訊息
雖不影響功能,但是龜毛的客戶總是會說
『你們那個script error到底有沒有辦法可以解決呀 ~ 問題到底是出在哪啊,害我們被客訴怎麼辦』
雖然心中總是有千百萬個想頂嘴的衝動
(誰叫你們要用這玩意 ~ 不會乖乖用window.open就好了喔 ~)
但是接到問題單總是要想辦法解決
沒辦法誰叫我只是一個小小小小的PG ...
而且大家的責任推來推去踢來踢去最後問題都只能叫我去研究
這個Error訊息我找超久的啊 !!!!
什麼方法幾乎都試遍了
什麼調整script順序啊 ~ onload啊 ~ 之類的我通通都試過
事實證明聽客戶的建議簡直就是浪費老娘的時間
睡眠時間都不知道被佔多少去了 ~ 真討厭
不知道我沒睡飽的情緒會特別糟嗎 !!
最後在某一天夜深人靜的夜晚
我突然想找找看lightbox的相容性問題
因為確實只有ie9會出現這種error訊息,其他ie8以下的都沒這種怪事發生
ie9我按了啟用相容性之後,天啊 !!!! 我發現error訊息居然消失了 ~~ (灑花)
可是我的網頁排版格式都跑掉了,整個就是超醜的
所以我去查了有什麼辦法可以強制把ie9模擬成ie8模式
這樣應該就不會有error的問題
但用關鍵字打『lightbox iframe error』(因此我下定決心, 這篇的關鍵字就叫這個 !! XDD)
根本就沒人有這種問題啊 ...是因為大家都用新技術了嗎 囧
但將ie9強制開啟成ie8相容模式的文章倒是不少 ~
而且套用方式超.簡.單的!!!!!!!!!!!!!!
只要在網頁的head tag裡加上
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />
就可以強制user在使用ie9開啟網頁時
將ie9模擬為使用ie8開啟的模式
是不是超神奇 ~~ 天啊這真的是太棒了 !!!! > ///// <
後來我再把這段拿去google
發現這段code其實還可以模擬成其他更舊的ie唷 ~
最舊居然可以到IE5 ...
但現在還有人在用5嗎 = =?!
- IE=5
<meta http-equiv="X-UA-Compatible" content="IE=5" />
This forces IE 8 to render the page in “Quirks” mode. - IE=7
<meta http-equiv="X-UA-Compatible" content="IE=7" />
This forces IE 8 to render the page using IE 7 Strict mode. - IE=EmulateIE7
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
This forces IE 8 to use the !DOCTYPE declaration in the page to determine the rendering mode. - IE=8
<meta http-equiv="X-UA-Compatible" content="IE=8" />
This forces IE 8 to display the page in Internet Explorer Standards mode. - IE=EmulateIE8
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />
This forces IE 8 to use the !DOCTYPE declaration in the page to determine the rendering mode. - IE=edge
<meta http-equiv="X-UA-Compatible" content="edge" />
最後LightBox這個script error的鬧劇問題,也就此告一段落啦 XDDD
留言列表