Html,css,js 소스에 Ie11에서 동작하지 않는 요소가 있는지 확인하는 법.

Question

안녕하세요 선배님들이제 막 웹개발 업무를 시작한 초급개발자입니다.이번에 IE7기준으로 제작된 웹을 IE11에서도 장 동작하도록 수정하는 프로젝트에 투입되었습니다. 혹시 html, css, js에 IE11에서 동작하지 않는 요소가 있는지 확인하는 방법이 있을까요? 아니면 일일이 확인을 하는 방법 밖에 없을까요?

컴포지트 · Answer

IE7에서 IE11로 호환성을 상향할 때, IE7은 되는데 IE11이 안되는 경우는 이론적으로 하나도 없습니다.물론 있을 수 있습니다. 대표적인 게 바로 쿼크 모드(Quirks mode) 입니다. 이를 제거해야 하는 게 기본이죠.아마 IE7까지만 고려했을 시절이었으니까 아마 레거시 속성과 ActiveX 스크립트 등이 있겠네요.안타깝게도 이들을 확인하려면 일일이 찾아서 표준에 맞게 수정하는 방법밖에 없습니다.일단 IE11로 돌려보세요. 왠만하면 잘 뜰 겁니다. 그리고 개발자 도구를 열면 모드가 뜨는데, IE11 (Edge)가 뜬다면 축하합니다. 자잘한 수정만 하면 됩니다. 하지만 쿼크 모드다? 어쩔 수 없이 일일이 IE 11 표준 모드로 강제 지정해서 깨지는 부분을 수정해야 겠군요.css의 경우는 딱히 수정할 거 없습니다. 단, behavior 같은 비표준 속성이 있다면... 그건 직접 찾아서 호환되게 수정해야 할 겁니다. 하지만 실무에서 그런 경우는 제 경험상 1도 없었습니다. 그걸 잘 이해하는 개발자가 없으니까요 (참고로 behavior 속성이 뭐냐면 css 에서 스크립트 돌려주게 하는 역할을 합니다. 당연히 아무도 추천하지 않습니다)js의 경우는 좀 신경쓸 게 많습니다. 만악의 근원 document.all 을 수정하면 왠만하면 대부분 돌아갈 겁니다. (ActiveXObject 쓸 경우는 답 없으니 그냥 냅 두세요)이벤트의 경우 attachEvent 를 addEventListener 로 바꾸는 등의 표준 API를 이용해야 합니다. 만약 모르는 API가 있다면 아래 링크를 추천합니다. 제가 마이그레이션할때 엄청난 도움을 받은 곳이죠.http://help.dottoro.com/ 네. 영어입니다. 한국 리소스가 없기 때문이죠. 제가 했을 당시에도 없었고요.

호돌돌돌 · Answer

안타깝게도 쿼크모드가 실행되어버리네요.. 밤새도록 열심히 고쳐봐야겠습니다. 상세한 답변 정말 감사드립니다!

Html,css,js 소스에 Ie11에서 동작하지 않는 요소가 있는지 확인하는 법.

2개의 답변

#ie11 목록