如何从Web URL加载HTML文件并在WebView中显示？

当浏览器能正常打开的HTML链接，WebView直接加载却无内容时，通常可以通过先远程拉取HTML内容，再加载到WebView的方式解决，核心是用loadDataWithBaseURL方法处理相对资源路径，同时规避可能的服务器限制或WebView配置问题。

步骤1：添加网络权限 #

在AndroidManifest.xml中添加网络访问权限：

<uses-permission android:name="android.permission.INTERNET" />

如果应用目标SDK是Android 10+，且目标链接为HTTP协议，需在application标签中允许明文网络请求：

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

步骤2：远程拉取HTML内容 #

可以用OkHttp（推荐）或原生HttpURLConnection发起网络请求获取HTML字符串。以下是OkHttp的示例：

// 需先在build.gradle中添加依赖：implementation 'com.squareup.okhttp3:okhttp:4.11.0'
OkHttpClient client = new OkHttpClient.Builder()
        .connectTimeout(10, TimeUnit.SECONDS)
        .readTimeout(10, TimeUnit.SECONDS)
        .build();

Request request = new Request.Builder()
        .url("你的目标HTML文件URL")
        // 若服务器限制UA，可设置为浏览器的User-Agent
        .header("User-Agent", "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36")
        .build();

client.newCall(request).enqueue(new Callback() {
    @Override
    public void onFailure(Call call, IOException e) {
        e.printStackTrace();
        // 处理请求失败逻辑，比如给用户显示错误提示
    }

    @Override
    public void onResponse(Call call, Response response) throws IOException {
        if (response.isSuccessful() && response.body() != null) {
            final String htmlContent = response.body().string();
            // 必须切换到主线程操作WebView
            runOnUiThread(() -> loadHtmlToWebView(htmlContent, "你的目标HTML文件URL"));
        }
    }
});

步骤3：将HTML内容加载到WebView #

使用loadDataWithBaseURL而非loadData，前者能指定基准URL，让WebView正确解析页面中的相对路径资源（如CSS、图片、JS）：

private void loadHtmlToWebView(String htmlContent, String baseUrl) {
    WebView webView = findViewById(R.id.your_webview_id);
    WebSettings webSettings = webView.getSettings();

    // 根据页面需求启用JavaScript
    webSettings.setJavaScriptEnabled(true);
    // 允许加载混合内容（若页面同时包含HTTP和HTTPS资源）
    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
        webSettings.setMixedContentMode(WebSettings.MIXED_CONTENT_ALWAYS_ALLOW);
    }
    // 启用DOM存储（部分页面需要）
    webSettings.setDomStorageEnabled(true);

    // 加载HTML内容，baseUrl作为相对资源的基准路径
    webView.loadDataWithBaseURL(baseUrl, htmlContent, "text/html", "UTF-8", null);
}

注意事项 #

• 所有WebView的操作必须在主线程执行，异步网络请求回调后需用runOnUiThread切换线程
• 若页面有复杂交互，需根据需求配置WebSettings（如启用缓存、设置缩放等）
• 处理网络请求异常：比如无网络、超时、服务器返回错误码等情况，给用户提供反馈

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