js_javascript 기술의 IE 버전 감지

가장 일반적인 방법은 navigator.userAgent를 감지하는 것입니다(모든 브라우저에 사용할 수 있으므로 건너뜁니다).

다른 하나는 IE의 조건부 댓글입니다 http://www.jb51.net/article/29336.htm

코드 복사 코드는 다음과 같습니다. alert('IE 아님') 테스트 결과 이 양식을 사용할 수 있는 것으로 나타났습니다. 주의가 필요한 유일한 점은 에서 'IE'와 '8' 사이의 공백 문자가 필요하다는 것입니다.

IE 기반의 조건부 주석에는 여러 변형 버전이 있습니다. 먼저 다음 형식과 유사합니다. 코드 복사 코드는 다음과 같습니다. " id ="ieVersion" value="7" />

코드 복사 코드는 다음과 같습니다. var ieVersion = (function(){ return document.getElementById('ieVersion')})()

비유하자면 각 버전에 대한 정보를 얻을 수 있고 gt, gte 등을 추가하여 한 번에 한 가지 유형의 버전을 결정할 수도 있습니다. 이 작성 방법의 예는 다음과 같습니다.

코드 복사 코드는 다음과 같습니다. IE 7]> - >

따라서 CSS에는 다른 해킹이 필요하지 않습니다. IE에서 해킹 CSS를 직접

한 번 더 로드합니다. 코드는 다음과 같습니다. .ie6 xx {} .ie7 xx{} .ie8 xx{} xx{}

두 번째, 다음 언어로 작성할 수 있기 때문입니다. 물론 페이지는 JS에 의해 동적으로 생성될 수도 있습니다. 구글링을 해보니 실제로 이런 일을 하시는 분들도 계시더라고요. 기사 주소는 다음과 같습니다. http://www.jb51.net/article/29337.htm , 글이 꽤 자세하고 원리도 매우 간단합니다. 단, 조건부 주석이 JS에만 국한되어 CSS에는 쓸모가 없다는 단점이 있습니다. 계속해서 IE 버전을 식별하기 위해 조건부 주석을 동적으로 생성할 수 있으므로 IE 기반 CSS 해킹도 HTML 조각을 동적으로 생성하고 스타일 값을 사용하여 버전을 확인할 수 있어야 합니다. 다음은 생각하기 가장 쉬운 형식입니다. 테스트한 결과 작동하지만 다음 코드도 발견했습니다.

코드 복사 코드는 다음과 같습니다. IE9의 결과: LOG: test_1:yellow----test_2:yellow IE8의 결과: LOG: test_1:#ff6600----test_2:#ff6600 IE7의 결과: LOG: test_1:green----test_2:blue IE6에서의 결과: test_1:blue ----test_2:blue (IE6에는 console.log가 없으므로 위의 console.log를 다음으로 대체해야 합니다. 경고)

위의 문제는 IE7에서 불일치합니다. IE7 호환 모드의 문제인지 아니면 다른 이유가 있는지 알 수 없습니다. 나에게 조언 좀 해주세요. 확인 코드: 코드 복사 코드는 다음과 같습니다. original var test = document.createElement('div') ; test.innerHTML = ' 동적으로 생성됨 ' document.body.appendChild(test); &lt ;/스크립트>

IE7 결과:

IE6 결과:

기본 원리는 IE의 조건부 주석과 유사합니다. 색상 값을 한 번만 감지하면 되므로 위의 예를 다음과 같이 변경합니다.

코드 복사 코드는 다음과 같습니다. <span style="color: red; 색상: #ff6600