CSS 또는 JavaScript를 사용하여 IE10에서 IE11을 안정적으로 감지하려면 어떻게 해야 합니까?

CSS 기능/기능 감지를 사용하여 IE10 및 IE11 감지

도전

IE11은 IE10에서 사용되는 브라우저 감지 태그를 지원하지 않습니다. 두 브라우저를 구별하려면 CSS 기능이나 기능 감지가 필요합니다.

IE10 호환성 스타일

대부분의 IE10 스타일은 IE11에서도 지원됩니다. 따라서 IE10에서 작동했던 기능 기반 감지 기술을 사용하면 IE10과 IE11을 구별하지 못할 가능성이 높습니다.

고유한 IE11 스타일 및 기능

다음은 몇 가지 고유한 스타일과 기능입니다. IE11을 탐지하는 데 사용할 수 있는 기능 구체적으로:

• _:-ms-fullscreen: IE11 이상에서만 작동하는 전체 화면 모드를 실행하는 해킹입니다.
• :root .ie11up: 다음을 대상으로 하는 스타일: IE11 이상에서만 루트 요소.

샘플 CSS:

_:-ms-fullscreen,
:root .ie11up {
  /* Styles specific to IE11 */
}

JavaScript 대안

CSS 감지가 불가능할 경우 다음과 같은 JavaScript 대안 사용을 고려하세요.

• Modernizr: 페이지에서 브라우저 기능을 감지하는 인기 라이브러리 load.
• 사용자 에이전트 선택: JavaScript를 사용하여 특정 브라우저 정보에 대한 사용자 에이전트 문자열을 구문 분석합니다.

추가 고려 사항

• 브라우저 스푸핑 또는 의도적 숨기기 가능성으로 인해 사용자 에이전트 감지가 신뢰할 수 없습니다.
• 중요하지 않은 기능에 주로 기능 기반 탐지를 사용하고 점진적인 향상과 점진적인 저하를 이상적인 솔루션으로 고려하십시오.

위 내용은 CSS 또는 JavaScript를 사용하여 IE10에서 IE11을 안정적으로 감지하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!