在用ExtJS做前端開發(fā)的時(shí)候，發(fā)現(xiàn)系統(tǒng)可以在谷歌瀏覽器、火狐下正常顯示，但是用IE瀏覽器打開就會(huì)報(bào)錯(cuò)，報(bào)錯(cuò)信息如：Expected identified, string or number。后來，檢查的代碼的時(shí)候發(fā)現(xiàn)，是由于js代碼中逗號(hào)用的不規(guī)范導(dǎo)致的IE不兼容。

由于我是用eclipse來寫代碼的，下面我也就介紹怎么用eclipse來解決這個(gè)問題：

例如有下面這么一段不規(guī)范的代碼：

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后面都有一個(gè)逗號(hào)(,)，用IE運(yùn)行的話，其實(shí)是會(huì)報(bào)錯(cuò)的。那么既然代碼已經(jīng)寫成這樣了，怎么檢測(cè)到這個(gè)問題呢！

圖1：File Search

如上圖1所示，可以用eclipse的File Search功能，利用正則表達(dá)式進(jìn)行搜索，正則表達(dá)式為,\s*}。不過，這有個(gè)問題，只能檢索出上面的第一處錯(cuò)誤，對(duì)于加了//或者/**/來注釋的情況，是檢測(cè)不出來。不過，你也可以用yuicompressor這樣的js代碼壓縮工具來壓縮代碼，壓縮的時(shí)候會(huì)將其中的所有的注釋全部去掉，然后再來檢測(cè)壓縮后的js文件即可。當(dāng)然，你也可以自己寫算法來檢測(cè)，不過，這個(gè)對(duì)于普通人來說還是有難度的！

不過，我建議用另一個(gè)方法，就是利用插件，我這里用的是Spket插件，Spket的官網(wǎng)是：http://www.spket.com/，可以到里面去下載Spket的eclipse插件，也可以直接在eclipse的market中下載，下載完以后安裝下這個(gè)插件，然后將js文件用spket打開。

圖2：利用Spket檢測(cè)

如上圖2所示，可以發(fā)現(xiàn)Spket自動(dòng)的檢測(cè)了代碼的不規(guī)范，將其中有問題的地方都標(biāo)注了出來，我是建議用這個(gè)方法，因?yàn)榭梢栽诰帉懘a的時(shí)候，就發(fā)現(xiàn)問題，有助于寫出規(guī)范漂亮的代碼！另提一下，有些時(shí)候兼容性是因?yàn)槭褂玫膶?duì)象是IE中不存在的，比如console對(duì)象，在火狐和谷歌中是存在的，但是在ie中使用console.info就報(bào)錯(cuò)了！所以，記得把一些不兼容的對(duì)象從代碼中剔除掉！

以上給大家介紹了JavaScript代碼因逗號(hào)不規(guī)范導(dǎo)致IE不兼容的問題，希望對(duì)大家有所幫助！

最新評(píng)論