태그 자료실

회원로그인

무료회원가입 보안로그인

아이디/비밀번호찾기

모바일웹에서 App 실행 및 설치여부 확인

9년 전

모바일 웹페이지에서 특정 App을 실행하거나 혹은 설치여부를 확인하여, 설치를 위한 페이지로 이동할 수 있도록 한 HTML 소스입니다.

<!doctype html>
<html lang="ko">
<head>
<meta charset="euc-kr">

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=medium-dpi" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript">
//<![CDATA[

var isIPHONE = (navigator.userAgent.match('iPhone') != null || navigator.userAgent.match('iPod') != null);
var isIPAD = (navigator.userAgent.match('iPad') != null);
var isANDROID = (navigator.userAgent.match('Android') != null);

var _APP_INSTALL_URL_IOS = "http://itunes.apple.com/kr/app/id393499958?mt=8";
var _APP_INSTALL_URL_ANDROID = "http://m.androidapp.naver.com/naverapp";
var _APP_INSTALL_CONFIRM = "네이버앱을 설치하거나\n업데이트하시면\n이용할 수 있습니다.\n설치 하시겠습니까?";

function executeApp(url) {
        installApp();

        if (isIPHONE || isIPAD) {
                window.location.href = url;
        } else if (isANDROID) {
                $('applinkDiv').innerHTML = '<iframe src="' + url + '" width="0" height="0" frameborder="0"></iframe>';
                setTimeout(function(){
                        var b = $('applinkDiv');
                        var c = b.getElementsByTagName('iframe');
                        if (c.length > 0) { b.removeChild(c[0]); }
                }, 1000);
        }
}

function installApp() {
        var b = new Date();
        setTimeout(function(){
                if (new Date() - b < 1500) {
                        if (isIPHONE || isIPAD) {
                                if (confirm(_APP_INSTALL_CONFIRM)) { window.location.href = _APP_INSTALL_URL_IOS; }
                        } else if (isANDROID) {
                                if (confirm(_APP_INSTALL_CONFIRM)) { window.location.href = _APP_INSTALL_URL_ADROID; }
                        }
                }
        }, 500);
}

//]]>
</script>
</head>
<body>
<a href="naversearchapp://" onclick="executeApp(this.href);return false;">네이버앱 실행</a><br />
<div id="applinkDiv"></div>
</body>
</html>

추천 목록

번호	제목
335	[CSS] :before,:after 활용하기 - 구분선
334	jquery 기본문법
333	HTTP Content-Type 정리
332	Use kakaolink on Android WebView
331	[자바스크립트] 실시간 시계 만들기
330	모바일 웹페이지 CSS - em을 px처럼 편하게 사용하는 방법
329	[html5] audio 태그로 음악 파일 삽입
328	구글 애드센스 한글, 한국 광고 나오게 만들기
327	<UL><LI>를 이용한 가로정렬 메뉴 만들기
326	Android KitKat (4.4) video autoplay does not work anymore in webview
325	jQuery Mobile 시작하시는 분들을 위한 10가지 팁과 예제들...
324	[안드로이드/Android] 안드로이드 권한(Permission) 종류
323	유투브 검색 API 예제
322	웹뷰(WebView)에 관한 고찰
321	WebView 안의 콘텐츠(이미지, 동영상) 폰 화면에 맞추기
320	웹사이트 속도 개선을 위한 팁들
319	[번역] javascript 의 this 란 무엇인가
318	[번역] 자바스크립트 다시 배우기 (A re-introduction to JavaScript)
317	HTML, CSS, JavaScript 의 의존성 줄이기
316	Mobile Web 개발을 위한 준비
	모바일웹에서 App 실행 및 설치여부 확인
314	유투브 주소에서 아이디만 뽑아오기
313	CSS를 이용한 초간단 특정구역 프린트 소스
312	JQuery.js 와 Prototype.js 같이 사용하기
311	안드로이드 웹뷰(Android WebView) 예제
310	안드로이드 앱 커스텀 글꼴 넣기
309	안드로이드 웹뷰 링크 새창처리
308	JW 플레이어 기본태그
307	모바일웹에서 자주 쓰는 속성들
306	그누보드 최고관리자 비밀번호 변경방법