JavaScript에서 v9 이전 Internet Explorer 버전을 안정적으로 감지하는 방법은 무엇입니까?-JS 튜토리얼-php.cn

JavaScript에서 v9 이전 Internet Explorer 버전을 안정적으로 감지하는 방법은 무엇입니까?

Mary-Kate Olsen

풀어 주다： 2024-11-08 14:07:02

원래의

383명이 탐색했습니다.

How to Reliably Detect Pre-v9 Internet Explorer Versions in JavaScript?

JavaScript에서 IE 버전(v9 이전) 감지: 포괄적인 접근 방식

이 문서에서는 JavaScript를 사용하여 v9 이전 Internet Explorer(IE) 브라우저를 감지합니다. 원래 게시물에 제공된 코드는 작동할 수 있지만 특정 제한 사항이 있습니다. 보다 강력한 솔루션을 조사해 보겠습니다.

1단계: IE 클래스 설정

첫 번째 단계는 IE 버전에 따라 적절한 HTML 클래스를 구현하는 것입니다.

<!DOCTYPE html>
<!--[if lt IE 7]> <html class="lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>    <html class="lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>    <html class="lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!----> <html> <!----><![endif]-->
<head>
...

로그인 후 복사

이러한 클래스는 다양한 IE 버전을 분류하므로 CSS 또는 JavaScript.

2단계: IE 감지 및 JavaScript 적용

jQuery를 사용하면 이전 IE 브라우저를 인식하고 필요한 작업을 적용하는 JavaScript 함수를 만들 수 있습니다.

(function ($) {
    "use strict";

    // Detecting IE
    var oldIE;
    if ($('html').is('.lt-ie7, .lt-ie8, .lt-ie9')) {
        oldIE = true;
    }

    if (oldIE) {
        // Here's your JS for IE..
    } else {
        // ..And here's the full-fat code for everyone else
    }

}(jQuery));

로그인 후 복사

주소 지정 우려 사항

우려 사항을 해결하려면:

사용자 에이전트 문자열 위조: 사용자가 사용자 에이전트를 위조할 수 있더라도 이 접근 방식은 여전히 신뢰할 수 있는 징후를 제공합니다. IE 브라우저 버전.
기능 지원 스니핑: 일반적으로 기능 지원 스니핑이 선호되지만, 특정 기능이 이미 다른 브라우저 버전에서 지원되거나 지원되지 않는 것으로 알려진 경우에는 비효율적입니다.
IE 버전 1 또는 >= 20: 우리 코드는 "badBrowser" 탐지에서 이러한 버전을 의도적으로 제외하여 잠재적인 가능성을 인정합니다. 위험합니다.
조건부 주석: IE 10 이상에서는 조건부 주석을 지원하지 않으므로 효과적인 솔루션이 아닙니다.

결론

이 JavaScript 기반 접근 방식은 v9 이전 IE를 감지하는 유연하고 정확한 방법을 제공합니다. 브라우저. CSS 클래스와 jQuery를 사용하면 브라우저 버전에 따라 특정 작업을 원활하게 구현하여 더욱 일관된 사용자 경험을 보장할 수 있습니다.

위 내용은 JavaScript에서 v9 이전 Internet Explorer 버전을 안정적으로 감지하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!