자바스크립트 브라우저 확인 소스( navigator.userAgent )

자바스크립트 브라우저 확인 소스( navigator.userAgent )

 

 

브라우저별 혹은 모바일, PC별 다른방식의 처리나 코드를 다르게 적용해야할때가 분명히 있다.

브라우저 종류도 많지만 각 디바이스 종류도 많으니, 웹개발할때 이에대한 구분을 할 필요가 있다.

 

앞으로도 얼마나 많은 브라우저와 디바이스 기기가 나올지 모르겠지만은,

아래 샘플 코드를 통해 대부분의 처리가 가능하다. 

navigator 오브젝트의 userAgent 정보를 통해 브라우저를 구분하는 코드를 남겨놓는다.

 

function getBrowserName ()
{
    var agent = (navigator.agent).toLowerCase();

    if (agent.indexOf("edge") > -1)
    {
        return "edge";
    }
    else if (agent.indexOf("opr") > -1)
    {
        return "opera";
    }
    else if (agent.indexOf("samsungbrowser") > -1)
    {
        return "samsungbrowser";
    }
    else if (agent.indexOf("daum") > -1)
    {
        return "Daum";
    }
    else if (agent.indexOf("naver") > -1)
    {
        return "NAVER";
    }
    else if (agent.indexOf("ucbrowser") > -1)
    {
        return "ucbrowser";
    }
    else if (agent.indexOf("kakaotalk") > -1)
    {
        return "kakaotalk";
    }
    else if (agent.indexOf("line/") > -1)
    {
        return "linebrowser";
    }
    else if (agent.indexOf("firefox") > -1)
    {
        return "firefox";
    }
    else if (agent.indexOf("msie") > -1 || agent.indexOf("trident") > -1)
    {
        return "ie";
    }
    else if (agent.indexOf("chrome") > -1)
    {
        return "Chrome";
    }
    else if (agent.indexOf("crios") > -1)   
    {
        return "chrome";
    }
    else if (agent.indexOf("safari") > -1)
    {
        return "safari";
    }
}