首頁 > web前端 > js教程 > JavaScript程式碼因逗號不規範導致IE不相容的問題_javascript技巧

JavaScript程式碼因逗號不規範導致IE不相容的問題_javascript技巧

WBOY
發布: 2016-05-16 15:13:44
原創
1276 人瀏覽過

用ExtJS做前端開發的時候,發現系統可以在Google瀏覽器、火狐下方正常顯示,但是用IE瀏覽器開啟就會報錯,報錯資訊如:Expected identified, string or number。後來,檢查的程式碼的時候發現,是由於js程式碼中逗號用的不規範導致的IE不相容。

由於我是用eclipse來寫程式的,所以下面我也介紹怎麼用eclipse來解決這個問題:

例如有下面這麼一段不規範的程式碼:

Ext.onReady(function() {
var panel = Ext.create('Ext.container.Viewport', { 
layout : 'border',
items : [{
title : 'north panel',
html : 'north content',
region : 'north',
height : 100,
}, {
title : 'west panel',
html : 'west content',
region : 'west',
width : 150, // 这是备注1
}, {
title : 'main panel',
html : 'main content',
region : 'center',
/* 这是备注2*/
}]
});
});
登入後複製

可以看到,在100、150、center後面都有一個逗號(,),用IE運行的話,其實是會報錯的。那既然程式碼已經寫成這樣了,要怎麼偵測到這個問題呢!

 

圖1:File Search

如上圖1所示,可以用eclipse的File Search功能,利用正規表示式進行搜索,正規表示式為,s*}。不過,這有個問題,只能檢索出上面的第一個錯誤,對於加了//或/**/來註解的情況,是檢測不出來。不過,你也可以用yuicompressor這樣的js程式碼壓縮工具來壓縮程式碼,壓縮的時候會將其中的所有的註解全部去掉,然後再來檢測壓縮後的js檔案即可。當然,你也可以自己寫演算法來檢測,不過,這個對一般人來說還是有難度的!

不過,我建議用另一個方法,就是利用插件,我這裡用的是Spket插件,Spket的官網是:http://www.spket.com/,可以到裡面去下載Spket的eclipse插件,也可以直接在eclipse的market下載,下載完以後再安裝下這個插件,然後將js檔案用spket開啟。

 

圖2:利用Spket偵測

如上圖2所示,可以發現Spket自動的偵測了程式碼的不規範,將其中有問題的地方都標註了出來,我是建議用這個方法,因為可以在編寫程式碼的時候,就發現問題,有助於寫出規範漂亮的程式碼!另提一下,有些時候相容性是因為使用的對像是IE中不存在的,例如console對象,在火狐和谷歌中是存在的,但是在ie中使用console.info就報錯了!所以,記得把一些不相容的物件從程式碼中剔除掉!

以上為大家介紹了JavaScript程式碼因逗號不規範導致IE不相容的問題,希望對大家有幫助!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板