如何通过JavaScript检测客户端是否使用Android WebView并移除下载组件？

核心思路 #

Android WebView的User Agent（UA）有可识别的特征，我们可以通过解析navigator.userAgent判断当前环境是否为Android WebView，之后再移除目标组件。

具体实现代码 #

先写覆盖常见场景的检测函数：

function isAndroidWebView() {
  const userAgent = navigator.userAgent.toLowerCase();
  // 先判断是否是Android设备
  const isAndroid = userAgent.includes('android');
  if (!isAndroid) return false;

  // 新版Chrome WebView会带"wv"标识（WebView缩写）
  if (userAgent.includes('wv')) {
    return true;
  }

  // 老版本WebView可能没有"wv"，但不会包含普通Chrome浏览器的"chrome"标识
  return !userAgent.includes('chrome');
}

再在页面加载完成后执行组件移除逻辑：

// 等待DOM加载完成再操作元素
document.addEventListener('DOMContentLoaded', () => {
  if (isAndroidWebView()) {
    // 替换成你实际的下载组件选择器（比如ID、类名）
    const downloadComponent = document.querySelector('.download-links-component');
    if (downloadComponent) {
      // 直接移除组件，也可以用style.display = 'none'仅隐藏
      downloadComponent.remove();
    }
  }
});

注意事项 #

• 如果下载组件有唯一ID，改用document.getElementById('your-component-id')比querySelector更高效
• 部分定制化Android系统的WebView可能UA有特殊修改，可根据实际测试的UA字符串调整检测条件（比如添加特定厂商标识）
• 结合多个特征判断，能提升检测准确性，避免单一特征误判

内容的提问来源于stack exchange，提问作者Ayoub Rezaei