Phát hiện nếu iOS đang sử dụng webapp

Question

Tôi đã tự hỏi liệu có thể phát hiện xem người dùng iOS có đang sử dụng webapp hay chỉ truy cập một cách bình thường bằng trình duyệt Safari.

Lý do tôi muốn đạt được là trên ứng dụng web iOS khi người dùng nhấp vào liên kết, anh ấy sẽ được chuyển hướng đến trình duyệt Safari. Vì vậy, tôi đang sử dụng cách giải quyết sau đây để làm cho anh ta ở lại trong webapp (ngăn chặn việc chuyển sang trình duyệt safari).

$(document).on("click",".nav ul li a", 
     function(event){ 

     // Stop the default behavior of the browser, which 
     // is to change the URL of the page. 
     event.preventDefault(); 

     // Manually change the location of the page to stay in 
     // "Standalone" mode and change the URL at the same time. 
     location.href = $(event.target).attr("href"); 

     } 
    ); 

Nhưng tôi muốn giải pháp này chỉ xảy ra khi người dùng đang sử dụng webapp, tôi muốn nó có điều kiện cho người dùng webapp. Vì vậy, không phải trên trình duyệt Safari mặc định.

Answer 1

Bạn cần phải phát hiện điều này bằng cách sử dụng một số javascript:

<script> 
if (
    ("standalone" in window.navigator) &&  // Check if "standalone" property exists 
    !window.navigator.standalone    // Test if using standalone navigator 
    ){ 

    // .... code here .... 
} 
</script> 
</head> 

Như có thể tìm thấy ở đây: Determine if site is open as web app or through regular safari on ipad?

Và nguồn được sử dụng trong câu trả lời là THIS.

Answer 2

iOS và Chrome WebApp cư xử khác nhau, đó là lý do tôi đến sau:

isInWebAppiOS = (window.navigator.standalone == true); 
isInWebAppChrome = (window.matchMedia('(display-mode: standalone)').matches);