jQuery 1.9_jquery에서 $.browser 대신 $.support를 사용하는 방법

jQuery는 버전 1.9부터 $.browser 및 $.browser.version을 제거하고 $.support로 대체했습니다. 최신 2.0 버전에서는 IE 6/7/8이 더 이상 지원되지 않습니다. 앞으로 사용자가 IE 6/7/8을 지원해야 하는 경우 jQuery 1.9만 사용할 수 있습니다. IE를 완벽하게 지원하고 jQuery 1.9와 2.0을 혼합하여 사용하려는 경우 공식 솔루션은 다음과 같습니다.

코드 복사 코드는 다음과 같습니다.

장기적으로 이는 단순히 브라우저 종류와 버전을 감지하는 것이 아닌 브라우저 특성에 따라 복잡한 상황을 별도로 처리하는 데 도움이 될 것입니다. 그러나 현재 많은 오래된 프로그램의 이식은 브라우저 기반 지원 기능으로 직접 전환되지 않을 수 있으므로 직접 대체할 수 있는 몇 가지 솔루션을 인터넷에서 찾았습니다.

브라우저 유형 결정:

코드 복사 코드는 다음과 같습니다.

$.browser.mozilla = /firefox/ .test( navigator.userAgent.toLowerCase());
$.browser.webkit = /webkit/.test(navigator.userAgent.toLowerCase());
$.browser.opera = /opera/.test (navigator.userAgent.toLowerCase());
$.browser.msie = /msie/.test(navigator.userAgent.toLowerCase());

등호 뒤의 표현식은 true/false를 반환하며, 이는 원본 $.browser.msie 등을 대체하는 데 직접 사용할 수 있습니다. IE6인지 확인해야 하는 경우 다음과 같이 작성할 수 있습니다.

코드 복사 코드는 다음과 같습니다.

// Old
if ($ .browser.msie && 7 > $.browser.version) {}
// New
if ('undefine' == typeof(document.body.style.maxHeight)) {}

IE 6-8 확인:

코드 복사 코드는 다음과 같습니다.

if (!$.support.leadingWhitespace) {}

궁극적인 방법은 다른 클래스 라이브러리를 사용하는 것입니다. 외국인이 작성한 기사를 참고하세요.

브라우저 감지