ExtJS가 Chrome이나 Firefox에서는 정상적으로 표시되지만 IE_extjs에서는 표시되지 않는 브라우저 호환성 문제 해결

저는 거의 1년 동안 ExtJS로 개발을 해왔고, 많은 이상한 문제에 직면했습니다. 가장 인상 깊었던 것은 IE에서 ExtJS의 표시 문제입니다. 대부분의 개발 프로세스는 디버깅을 위해 Chrome을 사용하고 IE에서는 거의 디버그하지 않기 때문에(이제 둘 다 고려해야 함) IE에서 페이지가 정상적으로 로드되지 않았습니다. IE는 오류에 대한 스택 정보도 없어서(IE는 이런 일이 정말 서툴러요) Crying이라고 생각해서 시작할 수 없었습니다. 여러 가지 방법을 시도한 끝에 마침내 이 문제의 원인(90% 이상 가능성)은 js 배열에 추가 영어 쉼표 ','가 있다는 것을 발견했습니다. 이는 표시된 것처럼 Chrome 및 Firefox에서는 문제가 되지 않습니다. 다음 코드에:

코드를 복사하세요 코드는 다음과 같습니다:

var win = Ext .create('Ext.window.Window',{
//여기서 일부 코드 생략
//.....
items:[
{
title: 'hello' ,
너비:100,
높이:100
},{
제목:'세계',
너비:100,
높이:100
}, {
title:'foo',
width:100,
height:100
},//여기서 영어 쉼표에 주의하세요. Chrome 및 Firefox에서는 오류가 보고되지 않습니다.
]
//일부 코드는 생략
//.....
})

브라우저가 배열을 처리하는 방식의 차이입니다. 코드를 작성할 때 모두가 주의를 기울여야 합니다. 비슷한 문제가 있으면 찾아서 해결할 수도 있습니다. 저는 이 문제를 세 번이나 겪었습니다. (끝)^_^