如何通过FileProvider向浏览器发送多URI打开内部存储HTML文件

嘿，我来帮你搞定这个需求！虽然我用的是C#结合Xamarin开发，但这个工作流程其实通用，核心思路是先把离线HTML资源放到可被系统浏览器访问的位置，再调用浏览器打开它。

步骤1：准备离线HTML资源并配置项目 #

• 把你的index.html、关联的CSS、JS文件以及其他静态资源（比如图片）一起放到Xamarin Android项目的Assets文件夹里。如果没有Assets文件夹，右键项目→添加→新建文件夹，命名为Assets即可。
• 选中所有这些资源文件，在属性面板里设置Build Action为AndroidAsset，这样它们会被打包进APK的Assets目录中，保证离线状态下也能被应用访问。

步骤2：将Assets中的资源复制到外部存储 #

系统浏览器无法直接访问APK内部的Assets目录，所以我们需要先把整个资源文件夹复制到应用的外部存储目录（这个目录属于应用专属区域，不需要额外申请权限，Android系统默认允许访问）。

下面是复制文件的C#代码示例：

using System.IO;
using Android.Content;
using Android.OS;

public void CopyAssetsToExternalStorage(Context context, string assetFolderName, string targetFolderPath)
{
    var assetManager = context.Assets;
    string[] files = assetManager.List(assetFolderName);

    // 创建目标文件夹
    Directory.CreateDirectory(targetFolderPath);

    foreach (string file in files)
    {
        string assetFilePath = Path.Combine(assetFolderName, file);
        string targetFilePath = Path.Combine(targetFolderPath, file);

        // 递归处理子文件夹
        if (IsAssetFolder(assetManager, assetFilePath))
        {
            CopyAssetsToExternalStorage(context, assetFilePath, targetFilePath);
        }
        else
        {
            // 复制单个文件
            using (Stream inputStream = assetManager.Open(assetFilePath))
            using (Stream outputStream = new FileStream(targetFilePath, FileMode.Create))
            {
                inputStream.CopyTo(outputStream);
            }
        }
    }
}

// 判断Assets中的路径是否为文件夹
private bool IsAssetFolder(Android.Content.Res.AssetManager assetManager, string path)
{
    try
    {
        string[] files = assetManager.List(path);
        return files != null && files.Length > 0;
    }
    catch
    {
        return false;
    }
}

步骤3：调用Android系统浏览器打开离线HTML文件 #

复制完成后，我们就可以构造本地文件的URL，通过Intent启动系统浏览器来打开它：

public void OpenOfflineHtmlInBrowser(Context context)
{
    // 假设你的HTML资源都在Assets的OfflineHtml文件夹里
    string assetFolder = "OfflineHtml";
    // 获取应用外部文件目录，格式类似：/storage/emulated/0/Android/data/你的包名/files/
    string externalFolder = Path.Combine(context.GetExternalFilesDir(null).AbsolutePath, "OfflineHtml");

    // 仅在目标文件夹不存在时复制，避免重复操作
    if (!Directory.Exists(externalFolder))
    {
        CopyAssetsToExternalStorage(context, assetFolder, externalFolder);
    }

    // 构造index.html的本地URL
    string htmlFilePath = Path.Combine(externalFolder, "index.html");
    string url = $"file://{htmlFilePath}";

    // 启动系统浏览器
    Intent browserIntent = new Intent(Intent.ActionView, Android.Net.Uri.Parse(url));
    browserIntent.SetFlags(ActivityFlags.NewTask);
    context.StartActivity(browserIntent);
}

你的index.html代码示例 #

<!DOCTYPE html> 
<html data-mc-runtime-file-type="Default" class="_Skins_HTML5___Top_Navigation"> 
<head> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 
    <meta charset="utf-8" /> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <!-- 注意用相对路径引用关联资源，保证复制后能正常加载 -->
    <link rel="stylesheet" href="./styles.css">
    <script src="./script.js"></script>
</head>
<body>
    <!-- 你的页面内容 -->
</body>
</html>

注意事项 #

• 确保HTML中引用CSS、JS的路径是相对路径，和文件实际的层级结构匹配，这样复制到外部存储后才能正确关联。
• Android 10及以上版本采用Scoped Storage机制，但我们使用的GetExternalFilesDir属于应用专属目录，无需申请WRITE_EXTERNAL_STORAGE权限，避免权限申请的麻烦。
• 可以把复制操作放在应用首次启动时执行，或者每次打开前检查目标文件夹是否存在，提升效率。

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