앱뷰 여부 확인하기 > 기술자료

• 목록
• 게시판 리스트 옵션
  • 검색

웹페이지에서 웹뷰를 확인 제어하는 방법입니다.


1. JavaScript

1-1. iOS / Android 개별 제어하기
<script>
if(navigator.userAgent.toLowerCase().indexOf('androidapp') != -1){
    // Android 웹뷰 접속
    var ScriptWebView = 'androidapp';
} else if (navigator.userAgent.toLowerCase().indexOf('iosapp') != -1){
    // IOS 웹뷰 접속
    var ScriptWebView = 'iosapp';
} else {
    // 웹
}
</script>
 

1-2. 앱뷰 일때 제어하기
<script>
if (navigator.userAgent.toLowerCase().indexOf('mobileapp') != -1){
    // 웹뷰 접속
    var ScriptWebView = 'app';
} else {
    // 웹
}
</script>



2. PHP

2-1. 특정 안드로이드 앱일때 제어하기
<?php
// android = O / ios = X
$isWebView = false;
if($_SERVER['HTTP_X_REQUESTED_WITH'] == "com.company.app") {
    $isWebView = true; // Android 웹뷰 접속
    echo 'Android (in-app)';
} else {
    $isWebView = ""; // 웹
{

if($isWebView) echo "웹뷰 Android 접속<br>";
?>


2-2. 앱뷰 일때 제어하기
<?php
// android = O / ios = O
$isWebView = false;
// IOS 웹뷰 접속
if((strpos($_SERVER['HTTP_USER_AGENT'], 'Mobile/') !== false) && (strpos($_SERVER['HTTP_USER_AGENT'], 'Safari/') == false)) {
    $isWebView  = true;
    $appWebView = "ios"; 
} 
// Android 웹뷰 접속
elseif(isset($_SERVER['HTTP_X_REQUESTED_WITH'])) {
    $isWebView  = true;
    $appWebView = "android"; 
}
 
if($isWebView) echo "웹뷰 접속<br>";
if($isWebView == 'ios) {
    echo "웹뷰 iOS 접속<br>";
} if($isWebView == 'android) {
    echo "웹뷰 Android 접속<br>";
}
?>


참고자료
https://www.opentutorials.org/module/3774/23367
https://sir.kr/qa/504423