IE8 브라우저 모드와 문서 모드
누군가 IE8 브라우저 모드 와 문서 모드 의 차이점 을 간단한 용어로 설명해 주 시겠습니까?
- 브라우저 모드가 변경되는 원인은 무엇입니까?
문서 모드가 변경되는 원인은 무엇입니까?
사용자가 개발자 도구를 통해 모드를 변경하면 페이지를 새로 고쳐도 변경 사항이 유지됩니까?
여기에서 IE8 테스트를 수행하고 있고 다른 사람들이 모드 조합이 다르기 때문에 이것을 묻습니다. 어떻게 이런 일이 일어나는지 알아 내고 싶습니다.
에서 이 문서 라는 제목의 IE8 블로그, 어떻게 IE8를 결정 문서 모드
- 개발자 도구 설정은 탭에 표시된 페이지의 모든 문서 모드를 재정의합니다.
- X-UA-Compatible 메타 태그와 헤더는 X-UA-Compatible 값이 EmulateIE7 또는 EmulateIE8이 아닌 경우 호환성보기 설정 및 doctype을 재정의합니다.
- 사용자의 호환성보기 설정은 Microsoft 호환성보기 목록보다 우선합니다.
- 위의 규칙이 적용되지 않으면 doctype은 웹 페이지가 IE8 표준, IE8 거의 표준 또는 쿼크 모드로 렌더링되는지 여부를 결정합니다.
이를 통해 귀하의 질문에 대해 다음과 같은 답변을 얻을 수 있습니다.
Q. 간단히 말해서 브라우저 모드와 문서 모드의 차이점은 무엇입니까?
A. 브라우저 모드는 개발자 도구에서 다른 IE 브라우저 버전 동작을 에뮬레이트하도록 설정되어 있으며 문서 모드는 웹 페이지에 정의되어 호환성을 위해 사이트를 다르게 렌더링하도록 IE에 지시합니다.
Q. 브라우저 모드가 변경되는 원인은 무엇입니까?
A. 사용자는 개발 도구에서 브라우저 모드를 변경합니다.
Q. 문서 모드가 변경되는 원인은 무엇입니까?
A. 웹 개발자가 설정 한 Doctype 및 X-UA-Compatible 메타 태그 및 헤더.
Q. 사용자가 개발자 도구를 통해 모드를 변경하면 페이지를 새로 고쳐도 변경 사항이 유지됩니까?
A. 브라우저 모드는 그대로 유지되지만 Doctype 및 X-UA-Compatible을 변경하면 페이지에 정의 된대로 돌아갑니다.
업데이트 : Adrien Be가 아래에서 지적했듯이 IE9 +는 새로 고침시 유지되는 설정을 통해 개발 도구에서 문서 모드를 변경하는 기능을 추가합니다.
이 documentMode속성은 브라우저에서 현재 문서를 렌더링하는 데 사용하는 모드를 반환합니다.
IE8은 !DOCTYPE특정 HTML 요소의 존재 여부에 따라 다른 모드로 페이지를 렌더링 할 수 있습니다 .
이 속성은 다음 값 중 하나를 반환합니다.
5 - The page is displayed in IE5 mode
7 - The page is displayed in IE7 mode
8 - The page is displayed in IE8 mode
9 - The page is displayed in IE9 mode
참고 : no !DOCTYPE를 지정하면 IE8은 페이지를 IE5 모드로 렌더링합니다!
브라우저 모드 : 브라우저에서 웹 서버로 보내는 사용자 에이전트를 지정합니다 . JavaScript 또는 백엔드 코드가 사용자 에이전트 문자열에 따라 다르게 렌더링되는 경우 렌더링 차이가 발생할 수 있습니다. 예를 들어 navigator.userAgent. (Mozilla / 5.0 (호환 가능; MSIE 8.0 ...)이 값은 조건부 주석 을 처리하는 데에도 사용됩니다 ([IE 9 인 경우], [IE 8 인 경우] 등). IE 11의 에뮬레이션 도구는 그렇지 않습니다. 브라우저 모드가 있습니다. 대신 사용자 에이전트 드롭 다운이 있습니다.
문서 모드 : 마크 업을 처리하는 데 사용되는 렌더링 엔진을 지정합니다. 일반적으로 렌더링 문제와 브라우저 비 호환성이 나타나는 곳입니다. 원래 목표 (좋든 나쁘 든)는 웹 사이트 소유자가 메타 태그를 통해 사이트에 대한 문서 모드를 선택할 수 있다는 것이 었습니다. IE 11에서는 에뮬레이션 도구가 덜 혼란 스럽습니다.
테스트 : 목표가 이전 IE8 브라우저를 에뮬레이트하는 것이라면 브라우저 모드와 문서 모드를 모두 변경해야 합니다. 에뮬레이션은 완벽하지 않으므로 좀 더 철저한 옵션은 IE 8, 9 등의 * 실제 "버전으로 테스트 할 수있는 Microsoft 에서 무료 테스트 VM 을 다운로드 하는 것입니다.
이 값이 변경되는 원인은 무엇입니까?
브라우저 모드는 변경되지 않습니다. (개발 도구에서 변경하지 않는 한) 웹 서버에 요청하기 전에 설정합니다.
문서 모드는 웹 서버 응답에 따라 변경 될 수 있습니다. X-UA 호환 HTTP 응답 헤더, 문서 유형, 메타 태그, 인트라넷 사이트, 마크 업 문제 등을 통해 변경할 수 있습니다.
왼쪽 상단에 IE 개발 도구-> 에뮬레이션 (탭)에 "에뮬레이션 설정 유지"라는 작은 버튼이 있습니다.
볼 이 :
" 설정 지속성 및 재설정 에뮬레이션 도구에 지속성 에뮬레이션 설정 아이콘이 추가되었습니다. 이렇게하면 특별히 비활성화 할 때까지 현재 에뮬레이션 설정이 유지되어 작업하고 브라우저를 닫은 다음 에뮬레이션 설정을 그대로 유지할 수 있습니다. 오른쪽에는 도구를 기본값으로 빠르게 재설정하는 에뮬레이션 설정 재설정 아이콘. "
참고 URL : https://stackoverflow.com/questions/2950598/ie8-browser-mode-vs-document-mode
'Program Tip' 카테고리의 다른 글
| 메소드 참조 캐싱이 Java 8에서 좋은 아이디어입니까? (0) | 2020.10.27 |
|---|---|
| Android에서 Git을 사용하는 방법? (0) | 2020.10.27 |
| 모바일 장치에서 웹 사이트를 디버깅하는 방법은 무엇입니까? (0) | 2020.10.27 |
| Go에서 int와 int64의 차이점은 무엇입니까? (0) | 2020.10.27 |
| CMD에서 환경 변수 사용 (0) | 2020.10.27 |