最近才在專案上碰到這玩意

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

 

arrow
arrow

    Amber 發表在 痞客邦 留言(0) 人氣()