Internet Explorer 8 문서 모드를 에뮬레이션 할 때도 Internet Explorer 11이 조건부 주석을 따르지 않는 이유는 무엇입니까?

새로운 Internet Explorer 11 개발자 도구를 사용하여 문서 모드를 "8"로 전환하고 있지만 조건부 주석은 여전히 ​​무시됩니다. 즉, 제대로 구문 분석되지 않고 일반 주석처럼 작동하지 않습니다. 따라서 조건부 주석 내부의 참조 파일은 브라우저에서 요청 /로드되지 않습니다.

왜 이런 일이 발생합니까? 버그입니까?

이것이 실제로 수정해야 할 버그라고 생각
되면 들어가서이 문제에 대해보고 된 Microsoft 버그 보고서에서이 문제를 재현 할 수 있다고 말하십시오. F12 개발자를 통해 문서 모드를 에뮬레이션 할 때 조건부 주석이 작동하지 않습니다. 도구 .

업데이트 : 이 문제는 언급 된 버그 보고서에서 수정 된 것으로보고되었습니다.

에 따르면 에Jacob Rossi [MSFT]

이 문제는 지난주에 릴리스 된 IE11 용 업데이트 1에서 수정되어야합니다 .

2014 년 4 월 22 일에 게시되었습니다.

몇 가지 테스트를 직접 실행 한 결과이 문제가 해결되었으며 지금까지 제작 된 가장 놀라운 브라우저 인 Internet Explorer를 테스트하기 위해 모든 것이 다시 원활하게 실행되고있는 것 같습니다.

방금 Windows 7의 Internet Explorer 11 에서 이것을 사용하여 사용 된 HTML5 의미 요소가 Internet Explorer 8 이하 (조건부 주석을 통해)에 대해 생성 되었는지 확인 하고 브라우저가이를 무시합니다. -_-

이 기능은 Internet Explorer 10 에서 완벽하게 작동했으며 Microsoft 는이 기능을 수정해야했습니다 .

<!--[if lte IE 8]><script src="ie8-html5.js"></script><![endif]-->

이 외에도 저는 실제로 Internet Explorer를 즐기고 있습니다.

이것은 나를 위해 일했으며 가장 우아하고 쉬운 수정처럼 보입니다 ( Internet Explorer 10 및 Internet Explorer 11 은 지원하는 유일한 브라우저입니다 -ms-high-contract).

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
   /* IE10+ specific styles go here */
}

나는 최근에 같은 문제에 직면했습니다. 또한 일부 조건부 주석이 작동한다는 것을 발견했습니다.

• gt그리고 lt잘 작동
• gte그리고 lte결코 일하지

따라서 한 가지 잠재적 인 해결책은 gt및 lt연산자 를 사용하도록 조건문을 변경하는 것 입니다.

내가 더 유용하다고 생각한 다른 대안은 browserstack 과 같은 서비스를 사용하는 것 입니다 .

이것에 대한 또 다른 해결책이 있습니다.

Internet Explorer 8 호환 모드가 설정된 Internet Explorer 11 에는 'MSIE 8.0'문자열이 포함되어 있습니다.

(PHP 예)

if (strpos($_SERVER['HTTP_USER_AGENT'],'MSIE 8.0') !== false) {
    $head[] = sprintf('<link rel="stylesheet" href="ie8.css" />');
}

나는 똑같은 문제가 있었다. 그것은 아침 내내 나를 미치게 만들었다. Modernizr을 추가 하고 yepnope.js를 포함한 모든 옵션을 선택했습니다.

이제 내 테스트는 다음과 같습니다.

Modernizr.load({
            test: Modernizr.canvas,
            nope: ['Content/Site-ie-8.min.css', 'Content/font-awesome-ie7.min.css']
});

이 경우 캔버스 (Internet Explorer 9 이전에서는 지원되지 않음)를 테스트하므로 조건부 콘텐츠를로드합니다. 이제 Internet Explorer 11 개발자 도구에서 브라우저 모드를 전환 할 때 작동합니다.

여기에 언급 된 내용을 보지 못했지만이 버그 보고서 에서 호환성보기 설정을 변경하면 조건부 주석이 예상대로 작동한다는 사실이 언급되어 있습니다. 그래서:

1. IE11에서는 "도구"를 클릭합니다.
2. 호환성보기 설정
3. URL을 입력하고 추가를 클릭합니다.

내 localhost에서 이제 잘 작동하는 것 같습니다. 나는 이것을 광범위하게 테스트하지는 않았지만 아마도 누군가를 도울 것입니다.

' gt'및 ' lt' 와 같은 일부 조건부 주석이 작동 하지만 예를 들어 <!--[if IE 8]>작동하지 않습니다. 이것은 Internet Explorer 브라우저의 다른 버전에서 웹 페이지가 어떻게 보이는지 시도하려는 개발자에게는 불편하지만 모든 것이 나쁜 소식은 아닙니다.

조건부 주석이 작동하지 않더라도 스타일 시트를 한 번에 하나씩 추가하여 각 Internet Explorer 버전에서 웹 페이지가 어떻게 보이는지 테스트 할 수 있습니다. Firefox, Chrome, Internet Explorer 10 및 Internet Explorer 용 스타일 시트가 있다고 가정 해 보겠습니다. 11은 ' screen.css', Internet Explorer 9 전용 스타일 시트 는 ' ', Internet Explorer 8 전용 스타일 시트 screen-ie9.css는 ' screen-ie8.css'입니다.

Internet Explorer 9 용으로 만 웹 페이지를 테스트하려면 다음을 수행하십시오.

<link rel="stylesheet" href="path/css/screen.css"     type="text/css" />
<link rel="stylesheet" href="path/css/screen-ie9.css" type="text/css" />

F12 개발자 도구의 에뮬레이션 섹션에서 '문서 모드'를 '9'로, '사용자 에이전트 문자열'을 'Internet Explorer 9'로 설정합니다. 문서 모드는 Internet Explorer 9에서 사용하는 표준이며 사용자 에이전트 문자열은 브라우저 자체입니다.

추신 : ' screen.css'이 기본 스타일 시트 라고 가정하고 있는데, 이것이 ' screen-ie9.css'두 번째 를 호출하여 나중에 Internet Explorer 9 수정 사항을 "덮어 쓰기"하는 것보다 먼저 호출하는 이유 입니다.

이렇게하면 Internet Explorer 9 브라우저에서 웹 페이지를보고 있음을 "확실"할 수 있습니다 (따옴표없이 'sure'라는 단어를 쓰려면 VM으로 테스트해야 함). Internet Explorer 9에서 테스트 및 스타일 지정을 완료하고 Internet Explorer 8로 테스트하려는 경우 다음을 대체하여 동일한 트릭을 쉽게 수행 할 수 있습니다.

<link rel="stylesheet" href="path/css/screen-ie9.css" type="text/css" />

이것으로 :

<link rel="stylesheet" href="path/css/screen-ie8.css" type="text/css" />

따라서 그것은 마이크로 소프트 측의 사소한 불편 함의 문제 일 뿐이지 만 새로운 F12 개발자의 도구는 놀라운 기능을 많이 제공하고 있기 때문에 큰 문제는 아닙니다.