检测用户是否在使用Android/iOS的Webview或常规浏览器。

14 浏览
0 Comments

检测用户是否在使用Android/iOS的Webview或常规浏览器。

如何检测用户是否在使用android或iOS的webview浏览页面？

在stackoverflow上有各种解决方案，但目前还没有一个适用于两个操作系统的完美解决方案。

目标是使用if语句，例如：

if (android_webview) {
    jQuery().text('欢迎使用android webview的用户');
} else if (ios_webview) {
    jQuery().text('欢迎使用iOS webview的用户');
} else if (ios_without_webview) {
    // 在safari、chrome、firefox等浏览器上运行的iOS用户
    jQuery().text('安装我们的iOS应用！');
} else if (android_without_webview) {
    // 在safari、chrome、firefox等浏览器上运行的android用户
    jQuery().text('安装我们的android应用！');
}

我尝试过的方法

检测iOS webview（来源）：

if (navigator.platform.substr(0,2) === 'iP'){
  // iOS（iPhone、iPod、iPad）
  ios_without_webview = true;
  if (window.indexedDB) {
    // WKWebView
    ios_without_webview = false; 
    ios_webview = true; 
  }
}

检测android webview，我们有很多解决方案，比如这个和这个。我不确定哪种方式更合适，因为每个解决方案似乎都有问题。

0