今天遇到一個比較棘手的的瀏覽器兼容問題,首先我先描述一下問題,我作的是一個店鋪裝修的首頁,以前一直沒有關注瀏覽器的兼容問題,其實前一陣子測試人員有向我提起過店鋪首頁無裝修的狀況下在IE9顯示變樣了,因而我用子IE瀏覽器仿真一下IE9,發如今個人電腦上頁面顯示沒有問題,查了好多的資料,我F12了一下測試人員的瀏覽器,結果發現頁面自動把他的瀏覽器切換的雜色模式,我百度了一下,終於找到了答案,是由於在html的head頭前面我有輸出js代碼,換了一下js代碼的位置問題瞬間解決了,因此但願看到這篇文章的同胞們之後儘可能不要把js寫在head頭前面。
言歸正傳,今天的問題尚未解決呢,問題是這樣的:在個人瀏覽器上模擬出來的ie9頁面是正常的,問題仍是在測試人員的ie9上,打開頁面發現店鋪裝修的數據沒有被加載出來,剛打開F12想調試一下,再刷新一下頁面,奇蹟出現了,頁面居然能夠加載出來了,哎呀這下壞了,想看錯誤信息無法查呀,研究了一個下午,嘗試了各類調試,最終仍是沒有解決,明天再續咯!
後續:緣由已找到,由於IE9下js代碼加入console.log,若是不打開控制檯,有可能會中斷js腳本的執行,因此建議js代碼調試完後把console.log註釋掉html