<!--[if IE 9]>
<link rel="stylesheet" type="text/css" href="css/ie9-only.css" />
<![endif]-->
파이어 폭스 4에 대한 인터넷 익스플로러 9,하지만 무엇을 감지하는 방법? Firefox 4에서만 스타일을로드하려면 어떻게해야합니까?
당신은 FF4의 브라우저 버전을 검색해야하는 경우, 최고의 대답은 jQuery's browser() method입니다.
그러나 @Gareth McCaughan의 의견에 동의 할 것입니다. 브라우저 탐지 (IE6/7 및 IE8 이외의 경우)가 필요하다면 뭔가를하고 있다는 가능성이 매우 높습니다. 잘못된. 귀하가 귀하의 질문에 IE9 용으로 사용한다는 사실은 귀하가 아마 이미 잘못 알고 있다는 것을 나타냅니다.
IE9와 FF4를 포함한 모든 최신 브라우저는 뛰어난 표준 지원을 제공하며 잘 작성된 페이지는 모든 브라우저에서 사실상 동일하게 렌더링되어야합니다.
다른 최신 브라우저와 비교하여 IE9 또는 Firefox 4에서 다르게 렌더링되는 것이 있으면 브라우저 검색보다 나은 해결책이 될 수 있으므로 그 이유를 지정하십시오.
FF4에서 내가 아는 한 가지가 있는데, 이는 Firefox를 제외한 모든 최신 브라우저에서 지원되는 text-overflow:ellipsis입니다. 이 주제에 대한 나의 이전 질문을보십시오 : text-overflow:ellipsis in Firefox 4? (and FF5)
감사합니다. 맞습니다. IE9와 FF4 모두 표준을 잘 따르므로 문제는 제 코드에 있어야합니다. 다시 확인하고 해킹 사용을 피할 것입니다. – mahen23
@ mahen23 - 여전히 문제가 발생하면 문제가되는 특정 코드에 대해 질문하십시오. :) – Spudley
FF4에서 몇 가지 단점과 가능한 버그를 발견했습니다. 우리가 최근에 발견 한 한가지 차이점은 [테이블 그룹 요소에서 오버 플로우가 더 이상 지원되지 않습니다] (https://developer.mozilla.org/en/Firefox_4_for_developers) (더 이상 스크롤 할 수 없기 때문입니다). 또한 select 요소의 높이 구현에 대한 버그를 발견했으나이 요소를 완전히 조사하지는 못했습니다. – JGarrido
같은 방식으로 firefox를 "감지"할 수 없습니다. 조건부 주석은 IE에서만 "기능"입니다. 백엔드의 사용자 에이전트 문자열을 통해이를 감지해야합니다. 또는 자바 스크립트를 사용합니다.
사용자 에이전트 문자열을 백엔드에서도 피할 수 있습니다. 사용자 에이전트 문자열은 사용자 (또는 중간 프록시)가 표시하거나 무시할 수 있으므로 신뢰할 수 없습니다. 따라서 신뢰할 수있는 유일한 방법은 Javascript를 사용하는 것입니다. – Spudley
파이어 폭스에는 조건부 주석이 없으므로, jQuery (또는 유사)를 사용하여 관련 스타일 시트를로드하는 것이 가장 좋은 옵션 일 필요가 있습니다.
$(document).ready(function() {
if ($.browser.mozilla && $.browser.version == '2.0') {
$('head').append($("<link>").attr({type: 'text/css', rel: 'stylesheet', href: 'css/firefox4-only.css'}));
}
});
나는 개인적으로 생각 브라우저 탐지를 추천하지 것이며, 필요한 경우 : 당신은 웹 표준 및 특징 검출을 사용해야
왜 이것을하고 싶습니까? FF4 전용 버그를 해결하려고하십니까? FF4의 업데이트 된 버전으로 버그가 수정되면 어떻게 될 것입니까? 가능한 경우 브라우저가 아닌 표준을 대상으로하고 개별 브라우저를 코딩하지 마십시오. - 당신이 이것을 알고 FF4를 구체적으로 감지하고자하는 아주 좋은 이유가 있지만 확실하게 말해야합니다 :-). –