如何用JavaScript判断Android环境下处于APP WebView还是浏览器？

你已经能通过User-Agent识别Android环境，接下来可以通过以下几种可靠的方式进一步区分浏览器和APP WebView：

1. 利用User-Agent的wv标识 #

Android系统自带WebView（以及多数APP集成的WebView）的User-Agent会包含; wv后缀，而主流浏览器（Chrome、Firefox、Edge等）的UA不会有这个标识，反而会带有浏览器自身的名称。

代码示例：

const userAgent = navigator.userAgent;
const isAndroid = userAgent.includes("Android");

if (isAndroid) {
  const isWebView = userAgent.includes("; wv");
  const isBrowser = !isWebView && /Chrome|Firefox|Edge/i.test(userAgent);

  if (isWebView) {
    console.log("当前处于APP WebView环境");
    // 执行WebView专属逻辑
  } else if (isBrowser) {
    console.log("当前处于浏览器环境");
    // 执行浏览器专属逻辑
  }
}

2. 检测APP注入的交互对象 #

很多APP会在WebView中注入自定义JS对象（比如window.android、window.appBridge这类命名），用于实现JS与原生APP的交互。通过检测这类对象是否存在，可以直接判断是否在APP WebView内。

代码示例：

const userAgent = navigator.userAgent;
const isAndroid = userAgent.includes("Android");

if (isAndroid) {
  // 这里的window.android仅为示例，需根据目标APP实际注入的对象调整
  const isAppWebView = typeof window.android !== "undefined";

  if (isAppWebView) {
    console.log("当前处于APP WebView环境");
  } else {
    console.log("当前处于浏览器环境");
  }
}

注意：这种方法依赖APP的具体实现，如果APP没有注入任何自定义对象，该方法会失效，建议和User-Agent检测结合使用。

3. 补充：WebView特有属性检测（兼容性稍差） #

部分WebView会暴露浏览器没有的属性，比如可以通过navigator.appVersion的细节或者window.navigator.userAgentData（仅部分高版本Chrome/WebView支持）做辅助判断，但这种方式兼容性有限，仅作为补充手段。

总结 #

优先结合User-Agent的wv标识和APP注入对象检测，这两种方式兼容性强，能覆盖绝大多数Android场景。

内容的提问来源于stack exchange，提问作者Claudio Rizzi