[브라우저]브라우저명을 정확히 알아내기
보통 브라우저명을 체크할 때 아래 코드를 많이 사용합니다.
var DOM = (document.getElementById) ? true : false; // W3C 표준
var IE4 = (!DOM && document.all) ? true : false; // IE4
var IE5 = (DOM && (navigator.userAgent.indexOf("MSIE")>-1)) ? true : false; // IE5 >= 5
var NS4 = (!DOM && document.layers) ? true : false; // NN4
var NS5 = (DOM && (navigator.userAgent.indexOf("Gecko")>-1)) ? true : false // NN5 >= 5
또는,
navigator.appName == "Microsoft Internet Explorer"
navigator.appName == "Netscape"
위처럼 하면 한 가지 문제가 생기는데 바로 NS와 FF 입니다.
알다시피 FF 도 모질라의 뿌리를 갖고 있으므로 Netscape 를 브라우저명에 같이 출력합니다.
그래서 위처럼 하게되면 근래들어 급속한 사용자증가를 보이고 있는 FF 를 제대로 가려낼 수가 없습니다.
또한 FF 는 왠만한 부분은 IE6과 비슷합니다. 하다못해 스크롤링 되는 레이어도 같은 코드로 지원합니다. 그러나 NS 는 분명히 다릅니다. IE와 FF 에서 스크롤되는 레이어도(예를 들어 영카트1에 있는 오른쪽 움직이는 스크롤처럼) NS에서는 지원되지 않으며, 영카트의 스크롤 레이어가 브라우저명에서 NS 를 기준으로 체크하므로 FF에서는 스크롤이 움직이지 않습니다.
위와 같은 경우의 해결책이며..사실 해결책이라기 보다는 가장 정확한 브라우저명을 체크하는게 아닌가 싶습니다.
//브라우저 이름으로 브라우저 구분 : Netscape Firefox MSIE
if(new RegExp(/Firefox/).test(navigator.userAgent)){
FF (파이어폭스)
}else if(new RegExp(/Netscape/).test(navigator.userAgent)){
NS (넷스케이프)
}else if(new RegExp(/MSIE/).test(navigator.userAgent)){
IE (익스플로러)
}
위와 같이 정확한 브라우저명을 체크할 수 있으며, 버젼까지 체크할 경우는
navigator.appVersion.indexOf 를 이용하여 정확히 체크할 수 있습니다.
* 점점 FF 사용자층이 증가하고, 더불어 NS7+ 도 조금씩 증가하는 추세라서 끄적여 봤습니다.<div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 16:57:14 JavaScript에서 이동 됨]</div>
var DOM = (document.getElementById) ? true : false; // W3C 표준
var IE4 = (!DOM && document.all) ? true : false; // IE4
var IE5 = (DOM && (navigator.userAgent.indexOf("MSIE")>-1)) ? true : false; // IE5 >= 5
var NS4 = (!DOM && document.layers) ? true : false; // NN4
var NS5 = (DOM && (navigator.userAgent.indexOf("Gecko")>-1)) ? true : false // NN5 >= 5
또는,
navigator.appName == "Microsoft Internet Explorer"
navigator.appName == "Netscape"
위처럼 하면 한 가지 문제가 생기는데 바로 NS와 FF 입니다.
알다시피 FF 도 모질라의 뿌리를 갖고 있으므로 Netscape 를 브라우저명에 같이 출력합니다.
그래서 위처럼 하게되면 근래들어 급속한 사용자증가를 보이고 있는 FF 를 제대로 가려낼 수가 없습니다.
또한 FF 는 왠만한 부분은 IE6과 비슷합니다. 하다못해 스크롤링 되는 레이어도 같은 코드로 지원합니다. 그러나 NS 는 분명히 다릅니다. IE와 FF 에서 스크롤되는 레이어도(예를 들어 영카트1에 있는 오른쪽 움직이는 스크롤처럼) NS에서는 지원되지 않으며, 영카트의 스크롤 레이어가 브라우저명에서 NS 를 기준으로 체크하므로 FF에서는 스크롤이 움직이지 않습니다.
위와 같은 경우의 해결책이며..사실 해결책이라기 보다는 가장 정확한 브라우저명을 체크하는게 아닌가 싶습니다.
//브라우저 이름으로 브라우저 구분 : Netscape Firefox MSIE
if(new RegExp(/Firefox/).test(navigator.userAgent)){
FF (파이어폭스)
}else if(new RegExp(/Netscape/).test(navigator.userAgent)){
NS (넷스케이프)
}else if(new RegExp(/MSIE/).test(navigator.userAgent)){
IE (익스플로러)
}
위와 같이 정확한 브라우저명을 체크할 수 있으며, 버젼까지 체크할 경우는
navigator.appVersion.indexOf 를 이용하여 정확히 체크할 수 있습니다.
* 점점 FF 사용자층이 증가하고, 더불어 NS7+ 도 조금씩 증가하는 추세라서 끄적여 봤습니다.<div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 16:57:14 JavaScript에서 이동 됨]</div>
게시판 목록
개발자팁
개발과 관련된 유용한 정보를 공유하세요.
질문은 QA에서 해주시기 바랍니다.
질문은 QA에서 해주시기 바랍니다.
| 번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|---|
| 5276 | 2년 전 | 1335 | |||
| 5275 | 2년 전 | 1403 | |||
| 5274 | 기타 | 2년 전 | 820 | ||
| 5273 | JavaScript |
swallow
|
2년 전 | 1051 | |
| 5272 | node.js |
swallow
|
2년 전 | 748 | |
| 5271 | JavaScript |
swallow
|
2년 전 | 1498 | |
| 5270 | PHP |
swallow
|
2년 전 | 847 | |
| 5269 | node.js |
swallow
|
2년 전 | 683 | |
| 5268 | node.js |
swallow
|
2년 전 | 1215 | |
| 5267 | PHP |
swallow
|
2년 전 | 1598 | |
| 5266 | MySQL |
swallow
|
2년 전 | 1094 | |
| 5265 | PHP |
swallow
|
2년 전 | 2034 | |
| 5264 | JavaScript |
swallow
|
2년 전 | 861 | |
| 5263 | 기타 |
swallow
|
2년 전 | 2984 | |
| 5262 | 기타 |
swallow
|
2년 전 | 670 | |
| 5261 | node.js |
swallow
|
2년 전 | 1065 | |
| 5260 | JavaScript |
swallow
|
2년 전 | 1512 | |
| 5259 | node.js |
swallow
|
2년 전 | 735 | |
| 5258 | node.js |
swallow
|
2년 전 | 1749 | |
| 5257 | node.js |
swallow
|
2년 전 | 1299 | |
| 5256 | PHP |
swallow
|
2년 전 | 1940 | |
| 5255 | node.js |
swallow
|
2년 전 | 689 | |
| 5254 | PHP |
swallow
|
2년 전 | 3014 | |
| 5253 | node.js |
swallow
|
2년 전 | 679 | |
| 5252 | 정규표현식 |
swallow
|
2년 전 | 625 | |
| 5251 | node.js |
swallow
|
2년 전 | 881 | |
| 5250 | PHP |
swallow
|
2년 전 | 1115 | |
| 5249 | node.js |
swallow
|
2년 전 | 1064 | |
| 5248 | PHP |
swallow
|
2년 전 | 1411 | |
| 5247 | node.js |
swallow
|
2년 전 | 1018 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기