IE11에서 "브라우저 모드"를 다시 가져 오는 방법은 무엇입니까?


132

업데이트 : 이전 질문은 IE11 미리보기에만 적용됩니다. IE11의 최종 릴리스에서 브라우저 모드가 반환되었습니다. 그러나 조건부 주석을 에뮬레이트하지 않기 때문에 쓸모가 없습니다. 예를 들어 레거시 IE에서 HTML5 지원을 활성화하기 위해이 기능을 사용하면 더 이상 IE11에서 사이트를 디버깅 할 수 없습니다.

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

다른 StackOverflow 질문 과 IE 버그 추적기 문제를 읽으십시오 . Microsoft는 이에 응답하지 않았으므로 사람들이 BrowserStack 구독을 구매하도록 유도하기 위해 의도적으로이 버그를 도입 한 것 같습니다. 조건부 주석 에뮬레이션은 미리보기 릴리스에서 제대로 작동했습니다.

고유 질문 : IE11 미리보기가 Windows 7에 설치되면 브라우저 모드를 변경할 수있는 구식 F12 도구가 제공됩니다. 여기에 이미지 설명을 입력하십시오

그러나 "도구"메뉴로 이동하여 "F12"개발자 도구를 선택하면 새로운 개발자 도구로 바뀌고 "브라우저 모드"를 더 이상 사용할 수 없습니다. 여기에 이미지 설명을 입력하십시오

다시 가져 오는 유일한 방법은 IE11을 제거한 다음 다시 설치하는 것입니다.

IE11에서 브라우저 모드를 쉽게 전환 할 수있는 방법이 있습니까?


1
이것은 MS 특정 포럼 (또는 버그 보고서)에 대한 좋은 질문처럼 보인다
Mathletics

4
@Mathletics-그것은 버그가 아니며, 꽤 신중합니다.
Spudley

2
도대체 어떻게 첫 화면을 얻었습니까? F12를 누르면 왜 SECOND SCREEN이 나타납니다.
Sliq

1
@Panique-IE11을 처음 설치할 때 존재했습니다. 아마도 IE10에 항상 F12 도구가 있기 때문에 어떻게 든이 설정을 마이그레이션했기 때문일 수 있습니다. 그런 다음 F12 키를 사용하여 표시하거나 숨길 수 있습니다. 도구 메뉴로 이동하지 마십시오. 다시 가져 오려면 먼저 IE11 업데이트를 제거하십시오. 나를 위해 작동합니다.
Evgeny

1
Sitepoint.com에서 게시 : IE11 : 브라우저 모드 반환 (Windows 8.1) .
Sliq

답변:


146

[최신 정보]

원래 질문과 아래 답변은 IE11 Preview 릴리스 에 특별히 적용 되었습니다 .

최종 릴리스 버전 IE11의는 않습니다 실제로 개발 도구의 에뮬레이션 탭에서 스위치 브라우저 모드 할 수있는 기능을 제공합니다 :

에뮬레이션 탭에서 브라우저 모드 선택을 보여주는 스크린 샷

테스트를 위해 호환성 모드를 사용하지 않기 위해 여기에 (그리고 다른 곳에서) 제공 한 조언은 여전히 ​​유효합니다. 이전 IE 버전과의 호환성을 위해 사이트를 테스트하려면 항상 실제 복사본으로 테스트해야합니다 그 IE 버전의.

그러나 이것은 새로운 dev 도구에는 이제 누락 된 기능이 있기 때문에 이전 dev 도구를 다시 가져 오는 @ EugeneXa의 답변에 설명 된 레지스트리 해킹이 더 이상 필요하지 않음을 의미합니다.


[원래 답변]

IE의 개발자들은 한 의도적으로 브라우저 모드를 전환 할 수있는 기능을 추천하지 않습니다.

사람들이 개발 도구에서 모드를 전환하는 이유는 많지 않지만 주된 이유 중 하나는 이전 IE 버전에서 사이트를 테스트하기 때문입니다. 불행히도 IE가 제공하는 다양한 호환성 모드는 이전 버전의 IE와 완전히 호환되지 않았으며 compat 모드를 사용한 테스트는 IE8, IE9 등의 실제 복사본에서 테스트하기에 충분하지 않습니다.

IE 개발자는 이것을 인식했으며 의도적으로 실수를 저지르는 것을 어렵게 만들고 있습니다.

가장 좋은 방법은 각 IE 버전의 실제 복사본을 사용하여 사이트를 테스트하는 것입니다.

다양한 호환성 모드는 IE11 내에서 계속 사용할 수 있지만 사이트 에서 호환성 모드로 실행하고 싶다고 명시 적으로 명시한 경우에만 액세스 할 수 있습니다 . X-UA-Compatible페이지에 헤더를 포함 시켜서 할 수 있습니다.

그리고 문서 모드 드롭 박스는 여전히 사용 가능하지만 "Edge"옵션 (즉, 현재 IE 버전에서 사용 가능한 최상의 모드, 즉 IE11의 IE11 모드) 또는 페이지가 실행중인 모드 만 제공합니다. 에.

따라서 compat 모드 로 로드 된 페이지로 이동하면 페이지가 로드 된 특정 compat 모드 또는 IE11 "Edge"모드간에 전환 할 수있는 옵션이 제공됩니다.

그리고 IE11 모드에서로드되는 페이지로 이동하면 '가장자리'모드 만 제공됩니다.

즉, 여전히 문서 모드 드롭 박스에 대한 유일한 합법적 인 사용 사례 인 Edge 모드에서 작동하기 위해 compat 모드 페이지가 어떻게 반응하는지 테스트 할 수 있습니다.

IE11 문서 모드 드롭 박스에는 i 옆에는 modern.ie 웹 사이트로 연결되는 아이콘이 있습니다. 요점은 MS가 각 IE 버전의 실제 복사본을 사용하여 사이트를 테스트하기 위해 제공하는 VM을 다운로드하도록 장려하는 것입니다. 이를 통해 훨씬 정확한 테스트 환경을 제공 할 수 있으며 개발 도구에서 모드를 전환하여 테스트하는 것보다 훨씬 더 나은 방법으로 강력히 권장됩니다.

그것이 당신에게 약간의 설명을 바랍니다.


8
MS가 제공하는 무료 VM을 사용하여 테스트하는 것이 훨씬 좋지만 시간이 많이 걸립니다. VM을 실행하고 여러 다른 VM간에 전환해야하며 활성화 키가 제공되지 않아 활성화 타이머가 종료 될 때마다 작은 버거를 다시 설치해야합니다. 그럼에도 불구하고 실제로 이러한 VM을 설정하는 데 어려움을 겪어 주셔서 감사해야한다고 생각합니다. 이전 F12 compat 모드로 많은 문제를 포착 한 다음 VM을 사용하여 한 번 확인할 수 있습니다. 그러나 나는 산만하다.
ivarni

7
호환성 모드 드롭 다운을 더 이상 사용하지 않는 것이 좋은 방법이라고 생각하는 이유를 이해하지만 실제로 사이트가 IE에서 작동하는지 확인하는 데 시간을 소비하는 모든 개발자가 직면하고 있다고 생각합니다. 다른 사람들이 언급했듯이 호환성 검사기를 사용하여 명백한 버그를 확인하는 것이 효과적이었습니다. 또한 IE7 및 8의 도구 인 쓰레기와 비교할 때 중간 정도의 개발 도구 세트의 이점을 얻었습니다. 나는 VM을 확인하는 연습도합니다. 그러나 이러한 변화는 구식 IE에서 일을 처리하는 데 관심이 적은 개발자를 의미합니다.
LocalPCGuy

4
따로, 바보 같은 브라우저를 테스트하기 위해 VM에 전체 OS를로드 할 필요는 없습니다. Microsoft가 개발자가 이전 버전의 IE에서 작동하도록하기를 원한다면 더 나은 무료 옵션을 제공해야합니다. 그렇지 않으면 개발자가 이전 버전을 무시하고 최신 버전의 버그를 해결하는 것에 대해서만 걱정하는 것처럼 보입니다.
LocalPCGuy

9
아니요. 브라우저 스택은 무료가 아니며 VM은 사용하기가 쉽지 않습니다. (달라고 말하지 마십시오. 모든 설정이 있으며 3 개월마다 재설정해야합니다. 그들은 고통입니다.) ). Modern.ie와 Microsoft의 제품에 대해 모두 알고 있습니다. Microsoft는 대부분의 개발자가 테스트해야하는 것의 약 90 %에 대해 효과적이고 간단한 VM 또는 유료 서비스로 대체하는 단순하고 무료 인 방법을 취하고 있습니다. 나에게 깊은 인상을주지 마십시오. 그리고 저는 Microsoft 지지자 중 한 사람이며 주로 .NET 상점에서 일합니다. 그리고 나는 이것이 DUMB라고 생각합니다.
LocalPCGuy

4
"우리는 실수로 실수를 처리 할 수있는 잘못된 도구를 제공 했으므로 이제 우리에게 돈을주는 도구를 소개 할 것입니다."
Zenexer

19

가상 컴퓨터를 사용하는 것이 오래된 IE를 테스트하는 가장 좋은 방법이지만, 새로운 F12 도구가 활성화되면 IE11이이 값을 덮어 쓰기 때문에 레지스트리를 편집하여 구식 F12 도구를 다시 가져올 수 있습니다.

이 트릭을위한 멋진 Dimitri Nickolaѕ 에게 감사합니다 . 여기에 이미지 설명을 입력하십시오

이것은 나를 위해 작동합니다 (.reg 파일로 저장하고 실행).

Windows Registry Editor Version 5.00

[HKEY_CURRENT_USER\Software\Microsoft\Internet Explorer\Toolbar\WebBrowser]
"ITBar7Layout"=hex:13,00,00,00,00,00,00,00,00,00,00,00,30,00,00,00,10,00,00,00,\
  15,00,00,00,01,00,00,00,00,07,00,00,5e,01,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
  00,00,00,69,e3,6f,1a,8c,f2,d9,4a,a3,e6,2b,cb,50,80,7c,f1

8
누군가가 IE11을 해킹하여 오래된 개발 도구를 되 찾을 수있는 방법을 찾거나 IE11 개발 도구의 놀라운 새 기능을 희생하기 위해 기꺼이 희생하겠다는 인상을 받았는지 여부는 모르겠습니다. 브라우저 모드를 전환 할 수 있습니다. :-(
Spudley

7
이는 W3C가 아닌 표준 호환 브라우저를 생성하는 Microsoft의 유산과 관련이 있습니다. IE10 또는 11에는 아무런 문제가 없습니다. 최신 브라우저입니다. Windows 9에서는 최신 IE와 함께 설치하는 것이 불가능하므로 좋은 에뮬레이션 도구가 필요합니다.
Evgeny

1
여기서의 트릭은 흥미롭지 만 Microsoft는 분명히 지원하지 않으며 의도하지 않은 부작용이있을 수 있습니다.
EricLaw

5
나는 이것이 전혀 무의미하다고 생각하지 않습니다. IE를 테스트 할 때의 작업 과정은 먼저 F12 compat 모드를 사용하고 찾은 문제를 해결하고 VM을 실행하는 문제를 해결하는 것입니다. 이것은 (다른) VM에서 모든 IE 테스트를 수행하는 것보다 훨씬 효율적입니다.
ivarni

2
이 reg 해킹이 작동하도록하려면 ITBar7Layout64 값도 업데이트해야했습니다. 그것은 작동했지만 F12 도구를 닫고 열면 IE가 충돌했습니다.) reg 키를 백업 한 것이 좋습니다.
Ian Yates

17

에뮬레이션 (Ctrl + 8) 문서 모드 (10,9,8,7,5), 브라우저 프로파일 (데스크톱, Windows Phone)을 사용하여이를 얻을 수 있습니다.

여기에 이미지 설명을 입력하십시오


어디서 찾을 수 있는지 알려 주셔서 감사합니다. :)
Michelle

5

가장 쉬운 방법, 특히 MSDN의 경우 시간 낭비, 바보 같은 MS

http://support.microsoft.com/kb/2900662/en-us?sd=rss

  1. 개발자 도구 창을 엽니 다. 이렇게하려면 F12를 누르십시오.
  2. 에뮬레이션 화면을 엽니 다. 이렇게하려면 Ctrl + 8을 누르십시오.
  3. 모드 아래의 문서 모드 목록에서 9를 클릭하십시오.
  4. 모드 아래의 사용자 에이전트 문자열 목록에서 Internet Explorer 9을 클릭하십시오.

3
정중 한 참고로, 단순히 링크를 제공하는 것이 아니라 해결책의 세부 사항을 포함 시키십시오. 연결이 끊어지면 미래의 사람에게는 답이 쓸모가 없습니다. 링크는 도움이되지만 자세한 답변에 포함 된 정보에 대한 링크 된 참조로 유지하십시오 .
Anil Natha

4

X-UA-Compatible디버깅하는 특정 버전의 IE에 대한 메타 헤더를 설정하여이 문제를 해결할 수 있습니다 . 그러면 브라우저 모드 가 헤더에 지정한 버전으로 변경됩니다 .

예를 들면 다음과 같습니다.

<meta http-equiv="X-UA-Compatible" content="IE=9" />

개발자 도구에서 브라우저 모드를 업데이트하려면 [개발자 도구]를 닫았다가 다시 열어야합니다. 특정 버전으로 전환됩니다.

부 버전에서 더 큰 버전으로 전환하면 새로 고침을 통해 제대로 작동하지만 9에서 7과 같이 더 큰 버전에서 부 버전으로 다시 전환하려면 새 탭을 열고로드해야합니다. 다시 페이지.

스크린 샷은 다음과 같습니다.

여기에 이미지 설명을 입력하십시오


2

IE11에서는 사용자 에이전트를 IE10, IE9 및 Windows Phone으로 변경할 수 있습니다. 정말 좋습니다


3
사용자 에이전트 문자열 만 변경합니다. 브라우저의 동작 방식은 변경되지 않습니다. 호환성 테스트에는 전혀 쓸모가 없습니다.
Zenexer

2

IE11에서 "브라우저 모드"를 다시 가져 오는 방법은 무엇입니까?

되돌릴 수있는 쉬운 방법은 에뮬레이션 (Ctrl +8)으로 이동하는 것입니다.

사용자 에이전트 문자열을 변경하십시오. (첨부 된 이미지 참조)

여기에 이미지 설명을 입력하십시오


사용자 에이전트 문자열 만 변경합니다. 브라우저의 동작 방식은 변경되지 않습니다. 호환성 테스트에는 전혀 쓸모가 없습니다. 또한 귀하의 예는 X-UA-Compatible을 사용하고 있습니다.
Zenexer December

2

Microsoft는이를 위해 Microsoft Expression Web이라는 도구를 보유하고 있습니다. 아무도 원하지 않는 FrontPage / Dreamweaver와 같은 쓰레기가 많은 무료 버전이 있습니다. 중요한 것은 훌륭한 브라우저 테스트 기능이 있다는 것입니다. Internet Explorer 11에서 Windows 8.1 Pro (최종 릴리스, 미리보기가 아님)를 실행하고 있습니다. 다음 로컬 브라우저가 있습니다.

  • 인터넷 익스플로러 6
  • 인터넷 익스플로러 7
  • Internet Explorer 11 /! \ 지원되지 않는 버전 (사용할 수 없음, 큰 멍청이, 브라우저가 있습니다)

그런 다음 원격 브라우저 (베타) 옵션을 얻습니다. 유효한 이메일로 가입하려고하는데 서버와의 통신에 오류가 있습니다. 오 잘

Firefox는 이전에는 지원되었지만 지금은 보이지 않습니다. 숨어있을 수 있습니다.

브라우저 버전을 나란히 비교할 수 있습니다. 또한 이미지 또는 PSD 파일과 비교할 수 있습니다 (얼마나 잘 작동하는지 전혀 모름). InDesign은 좋을지 모르지만 아마도 너무 많이 요구할 것입니다.

Visual Studio Ultimate이 동일한 컴퓨터에 있기 때문에 Expression의 정식 버전도 부분적으로 설치되어 있기 때문에 무료 설치가 자동으로 업그레이드되지 않는다는 의견을 누군가에게 확인시켜 주셔서 감사합니다.

업데이트 : 온라인 서비스가 중단 된 것처럼 보이지만 로컬 브라우저는 여전히 지원됩니다. 편집기 가비지없이 SuperPreview 만 다운로드 할 수도 있습니다 . 전체 IDE를 원할 경우 최신 버전은 Microsoft Expression Web 4 (무료 버전) 입니다. 지원되는 브라우저공식 목록은 다음과 같습니다 . IE6은 Windows 8.1에서 오류를 발생시키는 것으로 보이지만 IE7이 작동합니다.

2014-12-09 업데이트 : Microsoft는 이에 대해 거의 포기했습니다. 그것이 잘 작동하는 것을 기대하지 마십시오.


지난번에 Expression Web / Super Preview를 보았을 때 다양한 브라우저에서 정적 페이지 스냅 샷 만 제공했습니다. 이것은 완벽한 픽셀 웹 디자이너가 원하는 것이지만 개발자가 원하는 것이 아닙니다. 우리는 페이지와 상호 작용하고 js와 CSS를 디버그하고 DOM을 조작하기를
원합니다

@saille 나는 지금 내 앞에 그것을 가지고 있지 않지만 대화 형이라고 확신합니다.
Zenexer가 15:14
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.