티스토리 뷰

출처 : http://blog.taks.pe.kr/34


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




----코드------------------

<!doctype html>

<html lang="ko">

<head>

<meta charset="utf-8">

<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 type="text/javascript" src="/resources/js/jquery-1.7.1.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>

공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2025/02   »
1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28
글 보관함