[webview_flutter] Add option to allow mixed-mode content (http in https page)

Internal: b/292548371

webview_flutter how to load https and http mixed content?

I got it working by adding this line in the WebviewManager.java inside the plugin:

webView.getSettings().setMixedContentMode(WebSettings.MIXED_CONTENT_COMPATIBILITY_MODE);

I'm working on a small PR to give us the option to choose how mixed content is enabled

@amirh

@amirh What's the meaning of customer: dream (g3) label please?
Cannot find a description at https://github.com/flutter/flutter/labels?q=dream

在flutter webview 4.x 中，可以通过下面的方式实现https和http混合加载，在android目录下的MainActivity中添加下面的代码：

import android.content.Intent
import android.os.Build
import android.os.Bundle
import android.util.Log
import android.webkit.WebSettings
import androidx.annotation.NonNull
import io.flutter.embedding.android.FlutterActivity
import io.flutter.plugin.common.MethodCall
import io.flutter.plugin.common.MethodChannel
import io.flutter.plugin.common.MethodChannel.MethodCallHandler
import io.flutter.plugins.GeneratedPluginRegistrant
import io.flutter.embedding.engine.FlutterEngine
import io.flutter.plugins.webviewflutter.WebViewFlutterAndroidExternalApi
import java.util.HashMap

abstract class BaseMainActivity: FlutterActivity(), MethodCallHandler {
    private val channelName = "nocturne.native.channel/helper"
    private var methodChannel: MethodChannel? = null

    override fun configureFlutterEngine(@NonNull flutterEngine: FlutterEngine) {
        GeneratedPluginRegistrant.registerWith(flutterEngine)
        methodChannel = MethodChannel(flutterEngine.dartExecutor, channelName)
        methodChannel?.setMethodCallHandler(this)
    }

    override fun onMethodCall(call: MethodCall, result: MethodChannel.Result) {
        when (call.method) {
            "setMixedContentMode" -> {
                Log.d("MainActivity", "收到setMixedContentMode调用")
                if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
                    val viewId = call.argument<Int>("viewId")
                    Log.d("MainActivity", "viewId: $viewId")
                    
                    try {
                        val webView = WebViewFlutterAndroidExternalApi.getWebView(flutterEngine!!, viewId!!.toLong())
                        if (webView != null) {
                            webView.settings.setMixedContentMode(WebSettings.MIXED_CONTENT_ALWAYS_ALLOW)
                            Log.d("MainActivity", "设置混合内容模式完成")
                            result.success(true)
                        } else {
                            Log.d("MainActivity", "未找到WebView")
                        }
                    } catch (e: Exception) {
                        Log.e("MainActivity", "获取WebView失败: ${e.message}")
                    }
                } else {
                    Log.d("MainActivity", "Android版本过低，不支持设置混合内容模式")
                }
                result.success(false)
            }
            else -> result.notImplemented()
        }
    }
}

然后在webviewcontroller初始化后，通过channel修改调用setMixedContentMode：

if (webViewController.platform is AndroidWebViewController) {
      final channel = MethodChannel('nocturne.native.channel/helper');
      final setMixedRes =
          await channel.invokeMethod('setMixedContentMode', {'viewId': viewId});
    }

feat(webview_flutter): Add Android-specific API for setMixedContentMode

[webview_flutter] Add setMixedContentMode for Android (flutter#9586)

This thread has been automatically locked since there has not been any recent activity after it was closed. If you are still experiencing a similar issue, please open a new bug, including the output of flutter doctor -v and a minimal reproduction of the issue.

[webview_flutter] Add setMixedContentMode for Android (flutter#9586)

Navigation Menu

Repository navigation

[webview_flutter] Add option to allow mixed-mode content (http in https page) #43595

2 remaining items

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

[webview_flutter] Add option to allow mixed-mode content (http in https page) #43595

Description

Activity

danybuoy commented on Nov 7, 2019

dotcink commented on Mar 15, 2020

songfei commented on Jul 29, 2020

liraku commented on Dec 14, 2020

godfatherdemon commented on Jan 15, 2021

hanifmhd commented on Mar 16, 2022

iusn commented on Sep 7, 2022

2 remaining items

wyhAcc commented on Dec 5, 2023

heyjunpenn commented on May 30, 2025

github-actions commented on Jul 29, 2025

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions