Android：如何在 WebView 中加载 html 字符串？答案

【问题标题】：Android: how to load html string inside a WebView?Android：如何在 WebView 中加载 html 字符串？
【发布时间】：2019-08-13 14:45:25
【问题描述】：

我在 android 应用程序的布局文件中有一个 webview，我想在其中加载一个包含 html 和 javascript 的视频。我想用来加载视频的 html 字符串是：

video= '<div id="15518031408206776"><script type="text/JavaScript" src="https://www.aparat.com/embed/gJ8jm?data[rnddiv]=15518031408206776&data[responsive]=yes"></script></div>'

WebView xml 代码为：

<WebView
                        android:layout_width="match_parent"
                        android:layout_height="250dp"
                        android:layout_marginTop="30dp"
                        tools:ignore="WebViewLayout"
                        android:id="@+id/post_video" />

我还在 webview 中启用了 javascriop：

post_video.getSettings().setJavaScriptEnabled(true)

post_video.loadDataWithBaseURL( null, video, "text/html", "UTF-8", null );

但 webview 只显示纯文本 html 代码而不是视频！

you can see the result in this screenshot

我该如何解决这个问题？

更新：

我通过使用 Html.fromHtml(video) 来解码我的 html 字符串解决了这个问题！现在它正在工作，WebView 显示视频。

【问题讨论】：

标签： java android html xml webview

【解决方案1】：

尝试将以下属性添加到 webview

    WebView webview = (WebView) findViewById(R.id.webView1);
    webview.setWebViewClient(new WebViewClient());
    webview.getSettings().setJavaScriptEnabled(true);
    webview.getSettings().setJavaScriptCanOpenWindowsAutomatically(true);
    webview.getSettings().setPluginState(WebSettings.PluginState.ON);
    webview.getSettings().setMediaPlaybackRequiresUserGesture(false);
    webview.setWebChromeClient(new WebChromeClient());
    webview.loadDataWithBaseURL(null, html, "text/html", "UTF-8", null);

还要在清单文件中将android:hardwareAccelerated="true" 添加到application 标记

【讨论】：

感谢您的方法，但根据 Android 文档：“如果您的目标 API 级别 >=14...，则默认启用硬件加速...”并将 android:hardwareAccelerated="true" 添加到应用程序清单文件中的标记没有解决我的问题！
我通过使用 Html.fromHtml(video) 来解码我的 html 字符串解决了这个问题！现在它正在工作，WebView 显示视频。

【解决方案2】：

简单。制作一个这样的适配器方法。

  @JvmStatic
@BindingAdapter("htmlString")
fun loadHTML(view: WebView, htmlString: String) {
    if(htmlString.isEmpty()){
        return
    }

    try{
        view.webChromeClient = WebChromeClient()
        view.webViewClient = object : WebViewClient() {
            override fun onPageFinished(view: WebView, url: String) {
                super.onPageFinished(view, url)
            }
            override fun shouldOverrideUrlLoading(view: WebView, request: WebResourceRequest): Boolean {
                return false
            }
        }

        view.loadData(htmlString, "text/html", "UTF-8")
    }catch (ex: Exception){
        A35Log.e(TAG, "Error loading html string")
    }
}

然后像这样在你的 xml 代码中使用它。

 <WebView
    android:id="@+id/wvHtml"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    bind:htmlString="@{viewModel.infoModel.hTML}"
    />

如果您不使用数据绑定并且只想使用代码，那么只需从适配器示例中获取代码并将其直接加载到 webview 中。但是，数据绑定和适配器是保持代码简洁和简洁的好方法。

最后，在 pie 中，默认情况下它停止允许 http 流量（清除流量）加载。因此，如果由于任何原因无法加载，您可能必须添加到您的应用程序标签以允许加载不安全的 html。我不确定加载您自己的 HTML 字符串是否算作“不安全”，但它可能会。

 <application
    ...
   android:usesCleartextTraffic="true">

</application>

【讨论】：

【解决方案3】：

尝试使用 loadData (String data, String mimeType, String encoding) method 代替，使用“text/html”mime 类型和“UTF-8”编码。

此外，您应该使用<html> 和<body> 标记来包装您的html 内容，这样您将拥有一个有效的html 文档，而不仅仅是一个有效的文档片段。

【讨论】：

我通过使用 Html.fromHtml(video) 来解码我的 html 字符串解决了这个问题！现在它正在工作，WebView 显示视频。并且不需要使用完整的 html 标签。