[Javascript] 하이브리드앱과 브라우저 구분하기

요즘 모바일 페이지를 보면 어플을 통해 접속할것인지 접속한 웹페이지를 통해 계속해서 이용을 할것인지 물어보는 팝업들을 확인해볼 수 있다.

 

요즘 많은 사람들이 이용하는 쿠팡 모바일 사이트에도 구현되어 있다

모바일 브라우저로 쿠팡 사이트 접속 시 나타나는 팝업 화면

 

 

이런 안내 팝업은 어떻게 앱이 아닌지 구분을 할 수 있을까?

자바스크립트를 통해 해당 기능을 구현할 수 있다.

 

var ua = navigator.userAgent.toLowerCase();
if(ua.indexOf("app scheme") > -1) {
	// 코드
}

위와 같이 소스를 작성 후 개발된 앱의 user agent 내의 scheme 값을 확인하여 app scheme 에 값을 대체해 넣으면 해당 앱으로 접속이 되었는지 확인이 가능하다

 

scheme 값은 앱개발 담당자에게 확인해보시길^^