Android 13 WebView中Instagram登录异常：Cookie弹窗无法显示

针对你遇到的问题，大概率是Instagram的页面逻辑针对WebView默认配置做了限制，以下是几个关键修复点，逐一调整后应该能恢复正常：

• 启用第三方Cookie支持：Instagram的Cookie机制依赖第三方Cookie，WebView默认可能禁用了该功能，需要手动开启：

  CookieManager.getInstance().apply {
    setAcceptCookie(true)
    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
      setAcceptThirdPartyCookies(webView, true)
    }
  }
  

• 设置匹配Chrome的User-Agent：WebView默认的UA字符串可能被Instagram识别为非标准浏览器，导致页面逻辑异常，改成和移动端Chrome一致的UA：

  settings.userAgentString = "Mozilla/5.0 (Linux; Android 10; SM-G973F) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Mobile Safari/537.36"
  

  可以根据目标设备的系统版本调整UA内容，也可以直接获取当前设备Chrome的UA字符串。

• 启用DOM存储与JavaScript高级特性：现代网页依赖DOM Storage存储临时数据，同时需要允许JS打开新窗口的权限：

  settings.domStorageEnabled = true
  settings.javaScriptCanOpenWindowsAutomatically = true
  settings.loadWithOverviewMode = true
  settings.useWideViewPort = true
  

• 添加WebChromeClient：仅使用WebViewClient无法处理页面的弹窗交互（比如Cookie授权弹窗），需要添加WebChromeClient来处理这些事件：

  webChromeClient = WebChromeClient()
  

整合以上配置后的完整代码如下：

AndroidView(
    modifier = Modifier.fillMaxSize(),
    factory = { context ->
        WebView(context).apply {
            settings.apply {
                javaScriptEnabled = true
                domStorageEnabled = true
                javaScriptCanOpenWindowsAutomatically = true
                loadWithOverviewMode = true
                useWideViewPort = true
                // 设置匹配Chrome的User-Agent
                userAgentString = "Mozilla/5.0 (Linux; Android 10; SM-G973F) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Mobile Safari/537.36"
            }

            // 启用Cookie支持
            CookieManager.getInstance().apply {
                setAcceptCookie(true)
                if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
                    setAcceptThirdPartyCookies(this@apply, true)
                }
            }

            webViewClient = WebViewClient()
            webChromeClient = WebChromeClient()
            loadUrl("https://www.instagram.com")
        }
    }
)

额外注意事项：

• 确保设备上的WebView版本为最新，Android系统的WebView会通过Google Play商店独立更新，旧版本可能不支持Instagram页面的新特性。
• 如果问题仍存在，可以尝试清除WebView缓存和Cookie后再测试：

  clearCache(true)
  CookieManager.getInstance().removeAllCookies(null)
  

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