• HTML
  • JS
  • PHP

앱으로 접속했는지 웹으로 접속했는지 구분하여 jquery 적용(주석확인)

2019-04-08 434

설명

  • 카카오톡 링크

앱으로 접속했는지 웹으로 접속했는지 구분하여 jquery 적용

소스실행 현황

소스보기( X표시가 나타나면 무시하셔도 됩니다! )

<style>
	.view_start_source_wrap img {max-width:100%}
</style>


<h3 class="view_h3">기본적인 어플(인터넷)</h3>
<img src="/img/app_check.png" alt="기본적인 어플(인터넷)" title="기본적인 어플(인터넷)" />

<h3 class="view_h3">안드로이드 앱으로 접근했을때</h3>
<img src="/img/app_check1.png" alt="안드로이드 앱으로 접근했을때" title="안드로이드 앱으로 접근했을때" />

<h3 class="view_h3">아이패드(앱으로 접속 했을때)</h3>
<img src="/img/app_safari1(app).png" alt="아이패드(앱으로 접속 했을때)" title="아이패드(앱으로 접속 했을때)" />

<h3 class="view_h3">아이패드 (사파리 등 으로 접속했을때)</h3>
<img src="/img/app_safari1(app) (2).png" alt="아이패드 (사파리 등 으로 접속했을때)" title="아이패드 (사파리 등 으로 접속했을때)" />

<?php
	//소스
	//echo $_SERVER['HTTP_USER_AGENT'];
	//IOS-APP = 아이폰/아이패드 and version = 안드로이드 
	//$mAgent = array("IOS-APP","version");
	//for($i=0; $i<sizeof($mAgent); $i++){
		//if(stripos( $_SERVER['HTTP_USER_AGENT'], $mAgent[$i] )){
			//echo "있음";
			//?>
			<!-- <script type="text/javascript"> -->

				<!-- var varUA = navigator.userAgent.toLowerCase();  -->
				<!-- if (varUA.indexOf("iphone")>-1||varUA.indexOf("ipad")>-1||varUA.indexOf("ipod")>-1) {  -->
					<!-- if('<? echo $mAgent[$i] ?>' == "version") {						 -->
					<!-- } else { -->
						<!-- $(".down_link").addClass("no_view"); -->
					<!-- } -->
				<!-- } else { -->
					<!-- $(".down_link").addClass("no_view"); -->
				<!-- } -->
				

			<!-- </script> -->
			<?php
			//break;
		//}
	//}
?>
<br />
설명 :<br />
<br />
$_SERVER['HTTP_USER_AGENT'] 찍었을때 <br />
<br />
[안드로이드]<br />
<br />
안드로이드 같은 경우는 삼성일때 위에 보는것과 같이 앱으로 홈페이지를 접속했을 시 "Version" 이 생성되는 것을 확인 할 수 있다.<br />
하지만 인터넷(기본적인 인터넷 어플)으로 페이지를 열었을때는 생성이 안되는것을 확인하였다.<br />
<br />
[사파리]<br />
<br />
사파리 같은 경우는 IOS 자체에서 어플로 접속을 알려주는 것 같았다.<br />
앱으로 홈페이지에 들어가서 $_SERVER['HTTP_USER_AGENT'] 찍었을때 IOS-APP 가 생성되는 것을 확인하였고, 위에 해당하는 소스로 인하여 script 를 추가하였다.<br />