Android WebView加载WhatsApp Web无法显示桌面版的解决方法

我希望在Android应用中展示WhatsApp Web（https://web.whatsapp.com）的桌面版本。为模拟桌面设备访问该网站，我进行了如下设置：

webView.setWebViewClient(new WebViewClient()); 
webView.getSettings().setJavaScriptEnabled(true); 
webView.getSettings().setDomStorageEnabled(true); 
webView.getSettings().setUserAgentString("Mozilla/5.0 (X11; U; Linux i686; en-US) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/43.0.2357.121 Safari/537.36");

该设置此前有效，但目前已无法生效。请问还可添加哪些配置，以模拟桌面设备访问，从而获取桌面版网站而非移动端站点？

可行的额外配置方案 #

我之前也遇到过类似的情况，WhatsApp Web对设备识别的逻辑一直在更新，单纯旧版UA已经不够用了，试试下面这些配置：

• 开启官方桌面模式标识
  从Android 10（API 29）开始，WebView提供了专门的桌面模式开关，这比单纯改UA更靠谱，网站会优先识别这个标识：

  // 先设置一个现代桌面UA，后面会说为什么要更新
  String modernDesktopUA = "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/118.0.0.0 Safari/537.36";
  webView.getSettings().setUserAgentString(modernDesktopUA);
  // 关键：开启桌面模式
  webView.getSettings().setDesktopMode(true);
  

  如果你的App需要兼容Android 10以下版本，可以跳过这行，但一定要配合下面的UA更新和其他设置。

• 更新User-Agent到现代版本
  你用的Chrome 43的UA太老旧了，现在WhatsApp Web可能已经把这类旧UA归到“兼容模式”甚至直接判定为移动设备了，换成最新的桌面浏览器UA会更稳妥，比如上面代码里的Chrome 118版本UA。

• 补全必要的WebView权限与特性
  桌面版WhatsApp依赖更多的Web特性，除了你已经开的JS和DomStorage，还需要开启这些：

  // 启用数据库存储
  webView.getSettings().setDatabaseEnabled(true);
  // 启用App缓存
  webView.getSettings().setAppCacheEnabled(true);
  // 设置缓存路径（可选，但能避免缓存异常）
  String appCachePath = getApplicationContext().getCacheDir().getAbsolutePath();
  webView.getSettings().setAppCachePath(appCachePath);
  // 允许自动播放媒体（桌面版WhatsApp需要这个）
  webView.getSettings().setMediaPlaybackRequiresUserGesture(false);
  

• 强化请求头与跳转控制
  可以在WebViewClient里添加额外请求头，同时确保所有跳转都在WebView内部处理：

  webView.setWebViewClient(new WebViewClient() {
      @Override
      public boolean shouldOverrideUrlLoading(WebView view, WebResourceRequest request) {
          // 强制在当前WebView加载所有链接
          view.loadUrl(request.getUrl().toString());
          return true;
      }
  
      @Override
      public WebResourceResponse shouldInterceptRequest(WebView view, WebResourceRequest request) {
          // 添加请求头，强化桌面AJAX请求标识
          request.getRequestHeaders().put("X-Requested-With", "XMLHttpRequest");
          return super.shouldInterceptRequest(view, request);
      }
  });
  

• 检查WebView内核版本
  系统自带的WebView版本如果太旧，也会导致无法正确渲染桌面版网站，建议在App里加个检测，提示用户更新系统WebView组件，或者改用AndroidX的WebView库，确保使用最新的内核。

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