태그 자료실

회원로그인

무료회원가입 보안로그인

아이디/비밀번호찾기

모바일웹에서 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,555	JavaScript 밀리초를 시간형식으로 변환
2,554	위, 아래 자동 스크롤
2,553	JavaScript로딩을 최적화하여 페이지 렌더링 속도를 빠르게 하는 6가지 방법
2,552	[Javascript] 정규식. 전화번호, 휴대폰 번호 추출. 검증
2,551	jQuery Mobile 시작하시는 분들을 위한 10가지 팁과 예제들...
2,550	PHP) Example #1 HTML 엔티티 디코딩
2,549	PHP Proxy 가져오기
2,548	[안드로이드/Android] 안드로이드 권한(Permission) 종류
2,547	[PHP] while($data = mysql_fetch_array($result)) 오류 날때 확인
2,546	PHP for문 2씩 증가하는 법
2,545	유투브 검색 API 예제
2,544	웹뷰(WebView)에 관한 고찰
2,543	WebView 안의 콘텐츠(이미지, 동영상) 폰 화면에 맞추기
2,542	웹사이트 속도 개선을 위한 팁들
2,541	[번역] javascript 의 this 란 무엇인가
2,540	[번역] 자바스크립트 다시 배우기 (A re-introduction to JavaScript)
2,539	HTML, CSS, JavaScript 의 의존성 줄이기
2,538	골때리는 자바스크립트 - Array의 진실 2
2,537	[jQuery] 나만의 지연된 객체(Deferred Object) 만들기.
2,536	골때리는 자바스크립트의 세계 - 나만의 프로미즈 패턴
2,535	[jQuery 짤막팁] Ajax 를 순차적으로 여러개 불러오기
2,534	웹호스팅서버 그대로 따라 만들기
2,533	Mobile Web 개발을 위한 준비
	모바일웹에서 App 실행 및 설치여부 확인
2,531	PHP로 이미지 주소 숨기기
2,530	유투브 주소에서 아이디만 뽑아오기
2,529	Fatal error: Allowed memory size of ~~
2,528	.htaccess 파일을 이용하여 PHP 업로드 용량 제한 변경
2,527	우분투 php.ini 설정
2,526	PHP 정규식을 활용한 태그 및 특정 문자열 제거 및 추출 방법