Android Studio WebView加载桌面版WhatsApp Web无法打开问题咨询

• WebView配置顺序错误：你当前代码中在调用loadUrl之前执行了WAwebView.reload()，此时还没有加载任何页面，reload操作无效，且部分配置项应该在加载页面前全部设置完成再调用加载逻辑。
• 缺失第三方Cookie权限：Android 9及以上系统WebView默认禁止第三方Cookie，而WhatsApp Web依赖跨域Cookie存储登录态和页面配置，需要手动开启。
• WebView布局配置错误：你布局中WebView设置的是wrap_content且使用了tools命名空间下的绝对定位属性，实际运行时WebView渲染尺寸异常，导致WhatsApp Web的响应式逻辑错误识别为移动端环境，即使UA正确也会拦截加载。
• shouldOverrideUrlLoading逻辑冗余：你当前的写法强制拦截所有跳转后再重新加载，会打断WhatsApp Web的内部页面跳转逻辑，正常情况如果不需要自定义拦截，直接返回false即可。
• 包名不一致：你提供的MainActivity.kt中包名是com.example.whatsappweb，但AndroidManifest.xml中声明的包名是com.julenny.whatsappweb，如果实际项目中没有对齐会导致编译/运行异常。

1. 修改activity_main.xml布局 #

将WebView宽高改为匹配父布局，补充正确的约束属性：

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <WebView
        android:id="@+id/WAwebView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:visibility="visible"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toEndOf="parent"/>
</androidx.constraintlayout.widget.ConstraintLayout>

2. 修改MainActivity.kt逻辑 #

调整配置顺序、开启第三方Cookie、修复WebClient逻辑，对齐包名：

package com.julenny.whatsappweb

import android.app.Activity
import android.os.Bundle
import android.webkit.*
import androidx.appcompat.app.AppCompatActivity
import kotlinx.android.synthetic.main.activity_main.*

class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
        
        // 开启第三方Cookie支持
        CookieManager.getInstance().apply {
            setAcceptCookie(true)
            setAcceptThirdPartyCookies(WAwebView, true)
        }
        
        // 统一完成所有Web配置后再加载页面
        WAwebView.settings.apply {
            userAgentString = "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/92.0.4515.159 Safari/537.36 Edg/92.0.902.84"
            javaScriptEnabled = true
            domStorageEnabled = true
            cacheMode = WebSettings.LOAD_NO_CACHE
            loadsImagesAutomatically = true
            mixedContentMode = WebSettings.MIXED_CONTENT_ALWAYS_ALLOW
            mediaPlaybackRequiresUserGesture = false
            javaScriptCanOpenWindowsAutomatically = true
        }
        
        WAwebView.webViewClient = WebClient(this)
        WAwebView.loadUrl("https://web.whatsapp.com")
    }

    // 可选：添加WebView返回键适配
    override fun onBackPressed() {
        if (WAwebView.canGoBack()) {
            WAwebView.goBack()
        } else {
            super.onBackPressed()
        }
    }
}

class WebClient internal constructor(private val activity: Activity):WebViewClient(){
    override fun shouldOverrideUrlLoading(
        view: WebView?,
        request: WebResourceRequest?
    ): Boolean {
        // 不需要拦截的请求交给WebView原生处理
        return false
    }
}

可选排查方案 #

如果修改后仍有问题，可以在代码中添加WebView.setWebContentsDebuggingEnabled(true)开启WebView调试，在PC端Chrome浏览器的inspect页面查看WebView控制台的具体报错信息定位问题。

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