태그 자료실

회원로그인

무료회원가입 보안로그인

아이디/비밀번호찾기

모바일웹에서 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>

추천 목록

번호	제목
2,615	클릭시 url 복사하기
2,614	CSS Hover 를 이용한 깔끔한 페이징
2,613	스크롤해도 상단에 고정되는 메뉴 만들기
2,612	[정규표현식] php 문자열에서 숫자만 추출
2,611	HTML5 Video/Audio CurrentTime/Ended 문제점
2,610	audio 엘리먼트의 onplay 이벤트 처리 시 주의사항
2,609	PHP - $ SERVER 환경변수
2,608	Example #1 print 예제
2,607	php `/`기준으로 자르기
2,606	php 문자열 함수
2,605	주소등 인코딩해서 보내기
2,604	jquery load() 메소드 (비동기 웹페이지 로드)
2,603	[Ajax] ajax 예제2
2,602	[Ajax] ajax 예제1
2,601	[Ajax] JSON (Javascript Object Notation) 사용하기
2,600	[jQuery] jQuery.ajax() HTTP 비동기 데이터 교환
2,599	[jQuery] jQuery fadeIn(), fadeOut(), fadeToggle(), fadeTo() 이해하기
2,598	IE6~7 문제해결
2,597	Windows Media Player 제어
2,596	나눔고딕 구글 웹폰트(Webfont) 사용하기
2,595	PHP 문자열 나누기 - explode()
2,594	[PHP] ceil() , floor(), round() 함수
2,593	PHP split 함수를 이용한 문자열 분리
2,592	[CSS] :before,:after 활용하기 - 구분선
2,591	CSS border-image 속성
2,590	jquery 기본문법
2,589	[자바스크립트] 서서히 나타나고 사라지는 창
2,588	php에서 이미지 파일을 랜덤하게 불러오기
2,587	php에서 sendmail 테스트 하기
2,586	php의 number format 함수 - 숫자를 천단위로 구분