JavaScript로 하이브리드앱·모바일웹 구분하기

<aside> 📱

JavaScript로 하이브리드앱과 모바일웹을 구분하는 방법입니다. User-Agent 값을 이용해 앱·웹 실행 환경과 Android·iOS 앱을 구분하는 예제 코드를 제공합니다.

</aside>

앱케이크_appcake_하이브리드앱제작_PC.png

아래와 같이 javascript로 useragent 값으로 앱인지 웹인지 구분할수 있다. PHP등 서버코드로도 ua값 조회구문 적용이 가능하니 참고해주세요.

//모바일앱인지 웹인지 구분 javascript
if(navigator.userAgent.toLowerCase().indexOf('mobileapp') != -1){
    //모바일앱으로 실행된 경우

}

//아래처럼 android앱인지, iOS앱인지 구분도 가능함.
if(navigator.userAgent.toLowerCase().indexOf('androidapp') != -1){
    //android앱으로 실행된경우

}else if(navigator.userAgent.toLowerCase().indexOf('iosapp') != -1){
    //ios앱으로 실행된경우

} else {
    //웹으로 실행한경우
    
}

Powered by (주)옐로우윈

[모바일앱인지 웹인지 구분코드](https://www.appcake.kr/2720a80d1f3980ab81cde184d58fb1ba)

<aside> 📱

이 기능을 실제 서비스 앱에 적용하고 싶으신가요? 앱케이크는 JavaScript 하이브리드앱·모바일웹 구분 기능을 포함한 Android·iOS 하이브리드앱 제작을 지원합니다. 하이브리드앱 제작 상담 및 견적 요청 →

</aside>