도래울

JavaScript 모바일 앱 (iOS, Android) 실행 및 설치 화면 이동 본문

개발/Web

JavaScript 모바일 앱 (iOS, Android) 실행 및 설치 화면 이동

도래울 2016. 2. 5. 13:45

<%@ page language="java" contentType="text/html; charset=utf-8"

    pageEncoding="utf-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

               <title></title>

               <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>

        </head>

<body>

<div id="wrap">

        <div id="div_app"></div>

</div>

<script>

 

$( document ).ready(function() {

 

        var userAgent = navigator.userAgent.toLowerCase();

 

        if(userAgent.match('iphone') || userAgent.match('ipad') || userAgent.match('ipod')) {    //아이폰

       

               is_installed_app_ios("URL Scheme","아이튠즈 ID");

 

        }else if(userAgent.match('android')) {    //안드로이드 기기

 

is_installed_app_and("URL Scheme","market://details?

              

        } else {    // 

               alert("userAgent : " + userAgent);

 

        }

 

       

        function is_installed_app_ios(bundleId,appstoreId)

        {

            var appstoreUrl = "http://itunes.apple.com/kr/app/id"+appstoreId+"?mt=8";

       

            var url = bundleId + "://";

 

            var clickedAt = +new Date;

                                   

            AppCheckTimer = setTimeout(function() {

                if (+new Date - clickedAt < 2000)

                {

                    location.href = appstoreUrl;

                }

            }, 1500);

                location.href = url;

        }

       


        function is_installed_app_and(url,marketUrl){

              

               and_GoStore(marketUrl);

               $("#div_app").html("<iframe id='frm' src='"+url+"' width=0 height=0 frameborder=0></iframe>");

               setTimeout(function(){

                       var div = $("#div_app");

                       var iframe = $("#frm");

                       if(iframe.length > 0){

                              iframe.remove();

                       }

               },1000);

        }

        function and_GoStore(appstoreUrl) {

                var clickedAt = new Date();                                         

                setTimeout(function() {

                              if (new Date() - clickedAt < 2000){

                                             location.href = appstoreUrl;

                       }

                }, 500);

        }

       

        });

       

 

</script>

</body>

</html>

'개발 > Web' 카테고리의 다른 글

메이븐 컴파일 오류 : Installed_JREs 수정하기  (0) 2016.02.19
Comments