하이브리드앱을 구현하다보면 현재 웹뷰가 아닌 새로운 브라우저에서 URL을 보여줘야하는 경우가 생깁니다. 하이브리드 플랫폼 및 개발환경에 따라 javascript 에서 호출하는 방법이 상이하므로 네이티브쪽 소스만 공유합니다. Androidpublic void openExternalBrowser(String url){Intent intent = new Intent(Intent.ACTION_VIEW, Uri.parse(url));startActivity(intent);} IOS -(void)openExternalBrowser:(NSString*) url{[[UIApplication sharedApplication] openURL:[NSURL URLWithString:url]];} [출처] webview를 수정..
하이브리드 앱 프레임워크인 코르도바에서는 설정 및 플러그인 추가를 config.xml 이라는 파일을 통해서 수정 / 추가 하도록 되어있는데요. 이번에는 cordova 에서 웹/앱 체크를 위한 userAgent 문자열 추가를 해보도록 하겠습니다. 코르도바 폴더구조에서 config.xml 을 열어보시면 부터해서 코르도바 앱의 설정 및 플러그인을 추가하는 문구가 보일텐데요. 아래와 같이 android 와 IOS에 userAgent에 문자열을 추가할 수 있습니다. 위와같이 config.xml 에 userAgent 의 값을 추가해주는 설정을 넣어주시면 userAgent 에 Cordova 라는 문자열이 추가됩니다.
지난번에 userAgent를 통해 접속자의 Android / iPhone 구분을 알려드렸는데 이번에는 userAgent를 이용해 웹 접속과 앱접속을 구분하 는 방법을 알려드리겠습니다. Android 와 IOS 모두 Native소스에서 userAgent의 값을 넣을 수 있습니다. 이 소스를 이용해서 자바스크립트에서 웹 과 앱 접속 구분하기를 해보겠습니다. 다음 예제는 앱을 통한 접속상태일때 userAgent 에 "inApp" 이라는 문자열을 추가해서 구분해보도록 하겠습니다. AndroidwebView.getSettings().setUserAgentString(webView.getSettings().getUserAgentString + " inApp"); IOSNSString *originUserAgent ..
하이브리드앱 / 웹앱을 구성하면서 가장 기본적이면서 많이들 궁금해 하시는 Android/ IOS 구분하는 방법입니다. 자바스크립트에서 User-Agent 라는 정보는 접속자의 브라우저 정보 및 디바이스정보를 가지고있는 객체입니다. 이 User-Agent를 이용해서 Android, IOS를 구분할 수 있습니다. 다음은 Android, IOS 각 기기에서의 UserAgent 입니다. iPhone "Mozilla/5.0 (iPhone; CPU iPhone OS 11_0 like Mac OS X) AppleWebKit/604.1.38 (KHTML, like Gecko) Version/11.0 Mobile/15A372 Safari/604.1" Android"Mozilla/5.0 (Linux; Android 5.0..
