살림,건강,생활정보

익스플로러 호환성보기 문제

2014-01-16 14:51:02


 

자주 묻는 질문

 
질문 1: 브라우저의 버전에 변경되면 호환성 관련한 부분이 가장 큰 이슈 사항입니다. 브라우저나 IE 버전에 대한 체크를 어떻게 해야 하나요?
답변: 일반적으로 호환성 관련한 장애 중에서 가장 빈번하게 발생하는 에러의 원인 중 대부분이 버전 체크를 하지 않거나 UA String 값을 제대로 처리하지 못해 발생합니다.
웹 서버나 웹 페이지는 인터넷 브라우저로부터 종류와 버전 등의 정보를 받아서 각 브라우저와 버전에 맞는 페이지를 보여주게 합니다. 이 때 브라우저에서 제공하는 정보를 UA(User Agent) string이라고 합니다.
예를 들어 IE8까지는 “Mozilla/4”였던 UA String 값이 IE9에서는 “Mozilla/5”로 변경되었으므로
단순히 UA String 값이 ‘Mozilla/5’ 인지를 비교하여 Internet Explorer와 타 브라우저를 판단하여서는 안됩니다.
또한 “MSIE 9.0” 값을 얻어서 IE의 버전이 “9”임을 인식할 수 있습니다.

브라우저 및 IE 버전 판단 방법은 아래 샘플 코드를 참고 하시기 바랍니다.
function getInternetExplorerVersion() {
var rv = -1;
if (navigator.appName == 'Microsoft Internet Explorer') {
var ua = navigator.userAgent;
var re = new RegExp("MSIE ([0-9]{1,}[\.0-9]{0,})");
if (re.exec(ua) != null)
rv = parseFloat(RegExp.$1);
}
return rv;
}
function checkVersion() {
var ver = getInternetExplorerVersion();
if (ver > -1)
msg = "You are using Internet Explorer " + ver;
else
msg = "You are not using Internet Explorer";
alert(msg);
}
또한 일부 ActiveX 관련해서 레지스트리의 값을 이용해서 IE의 버전을 체크하는 경우가 있는데, 이런 경우 UA String을 사용하면 이를 해결할 수 있습니다.
 
질문 2: IE9을 통해 웹 사이트에 접속했더니 스크립트 오류가 발생합니다. 현재 자주 발생되는 오류는 어떤 것들이 있나요? 그리고 이런 경우 어떻게 대처해야 하나요?
답변: IE9 내부적으로는 코드 네임 “Chakra”라고 이름 붙여진 새로운 Javascript 엔진을 사용합니다. Chakra는 새로운 Javascript 컴파일러를 포함하고 있는데, 이 컴파일러가 소스 코드를 컴파일하여 기계어로 바꿔주며, 새로운 인터프리터와 더불어 런타임과 라이브러리도 최적화하여 실행을 향상시켜 줍니다. 또한 스크립트 코드를 백그라운드에서 컴파일 하기 때문에 스크립트 코드의 변경 없이 멀티코어 머신에서 더 훌륭한 성능을 발휘합니다
자바스크립트 에러와 관련해서 현재까지 주로 발생되는 스크립트 문제 유형은 다음과 같습니다.
 로그인 실패
 버튼 클릭시 오류
 화면 안 보임
 렌더링 깨짐
이러한 오류에 대해서는 기존의 사용한 Javascript 코드를 웹 표준을 맞게 수정해야 합니다. 웹 표준을 준수하지 않는 경우 IE8에서 잘 동작하더라도 에러가 발생될 수 있으니 이점 참고 하시기 바랍니다.
 
질문 3: 로그인 버튼 클릭 시 오류 메시지가 발생합니다. 이런 경우 어떻게 대처해야 하나요?
답변: 이전 버전까지는 getElementById()의 경우 document에서 해당 ID에 대한 unique한 html 요소를 찾아 주는데, IE의 경우 해당 요소의 ID와 Name 속성을 모두 찾을 수 있습니다.
그러나 IE9에서는 ID 속성만이 유효하게 되고, Name 속성을 사용하는 경우 null 값을 반환하게 됩니다.
<input type='checkbox' name='NxCheckKeyDefense' ... >
var objKeyDefense = document.getElementById("NxCheckKeyDefense") ;
이러한 문제점을 해결하기 위해서는 개체에 ID 속성을 부여해 주어야 합니다.
<input type='checkbox' name='NxCheckKeyDefense' id=“NxCheckKeyDefense’>
var objKeyDefense = document.getElementById("NxCheckKeyDefense") ;
 
질문 4: CreateElement() 함수를 사용하는 경우 에러가 발생합니다. 이런 경우 어떻게 대처해야 하나요?
답변: 새로운 객체를 만들기 위해 CreateElement() 함수를 사용하는 경우 IE9에서는 createElement() 함수의 인수에 “<>”가 포함되어서는 안됩니다.
createElement(‘<div id=“’+LOGIN.CL.CONTAINERID_INST+’” style=“display:none”></div>’);
이러한 문제를 해결하기 위해서는 createElement() 함수를 통해 DOM개체를 생성하고 setAttribute() 함수를 통해 속성을 부여하는 것이 올바른 방법입니다.
obj = document.createElement("div");
obj.setAttribute("id", LOGIN.CK.CONTAINERID);
obj.setAttribute("style", "display:none; position:absolute;");
document.body.appendChild(obj);
 
질문 5: IE9과 Javascript Frameworks 들간의 호환성 문제가 발생합니다. 어떻게 해야 하나요?
답변: IE9에서는 웹 표준에 따라 ECMAscript 5를 Javascript 엔진으로 채택하여 최적화된 성능을 제공합니다. 이로 인한 변화에 따라 구버전의 Jquery, Prototype, Moo tools 와 같은 Javascript frameworks 와 호환성 문제가 발생하는 경우가 있습니다.
Framework 별로 개발사에서 IE9과의 호환성 문제를 해결하는 업데이트가 지속적으로 이루어지고 있으므로, 이러한 경우 해당 Framework를 최신 버전으로 업데이트 하는 것을 권장합니다.
이와 관련된 보다 자세한 사항은 아래 URL을 참고 하기 바랍니다.
http://blogs.msdn.com/b/ie/archive/2010/07/16/how-ie9-platform-preview-feedback-changed-the-javascript-standard.aspx
 
질문 6: 자바스크립트를 통한 암호화 기능을 사용한 영역이 정상적으로 표시되지 않습니다. 이러한 경우 어떻게 대처해야 하나요?
답변: IE9에서는 Jscript.Encode/Jscript.Decode를 지원하지 않으므로 <script language=“Jscript.Encode”>와 같이 Jscript를 통해 스크립트를 암호화하는 경우 스크립트 파일이 처리되지 않습니다.
<script language=“Jscirpt.Encode” src=“/commonEncode.js”>
IE9에서는 스크립트 암호화를 지원하지 않으므로 스크립트를 다음과 같이 수정해야 합니다.
<script src=“/common.js” type=“text/javascript”>
 
질문 7: iframe 내 추가 정보가 표시되지 않습니다. 이러한 경우 어떻게 대처해야 하나요?
답변: IE8에선 자식 프레임은 부모 프레임과는 별도로 독립적인 버전을 지닐 수 있었지만, IE9에서는 이전 버전과 다른 DOM모델을 사용하기 때문에 부모 프레임과 자식 프레임이 독립적인 버전을 가지더라도 부모 프레임에 맞추어 동작하게 됩니다.