這兩天在做前端網頁時,遇到一個問題,頁面打開發生亂碼,如下:
現象:360 瀏覽器,在急速模式下(即谷歌模式)是OK的顯示,第一張圖布局OK;在兼容模式下(即IE模式)是顯示NG的,第二張圖布局亂碼
查看360 瀏覽器,兼容模式下控制台也沒有報錯
分析原因:亂碼的地方,我使用的是js 控制的行高,這里的行高 沒有體現出來,即js沒有執行,懷疑是jquery 沒有引入進來。。。
因為是IE 模式下出錯,所以將代碼放到 IE 下進行調試,這時控制台出現錯誤提示
點擊js 進入js 文件:
這里看到的:提示這個函數有問題,但是仔細查看,發現函數沒有問題啊,
找了很久都沒有發現問題,
於是將這些東西發給一個大神朋友,請他幫忙看看
大神看了之后,回復:是兼容問題,在這里使用了ES6 的默認參數寫法,而IE不支持ES6的默認參數,把默認參數去掉就可了
修改結果:
再次使用IE 和360 瀏覽器兼容模式測試:結果OK了,如下:
總結:
1. IE模式下報錯,就使用IE 進行調試,這樣才可以比較方便的找到問題出在哪里
2. IE模式不支持es6 的寫法