개발자의 끄적끄적

[javascript/jquery] 자바스크립트에서 아이폰 크롬 사파리 구분하는 방법 본문

개발/javascript & jquery

[javascript/jquery] 자바스크립트에서 아이폰 크롬 사파리 구분하는 방법

효벨 2023. 2. 19. 01:00
728x90
반응형

[javascript/jquery] 자바스크립트에서 아이폰 크롬 사파리 구분하는 방법

 

 

javascript 에서

 

브라우저 혹은 기기 체크를 하다보면

 

아이폰 환경에서 크롬과 사파리를 구분해야 하는 경우가 종종 있습니다.

 

userAgent 를 출력해보면

 

둘다 완전 동일하게 safari 라는 문자가 들어있어서 safari 로 구분짓기는 애매한데요,

 

그럴때는 아래와 같이 

 

crios 라는 단어로 크롬인지 사파리 인지 구분이 가능합니다!

 

var agent = navigator.userAgent.toLowerCase();
if ( navigator.userAgent.match(/iPhone|iPad|iPod/i) != null ) {
    if( agent.indexOf("crios") == -1 ) {
        alert("safari");
    }else{
        alert("chrome");
    }
}

 

참고들 하세요!

반응형
Comments