开发者你好，Web加载沙箱页面出现白屏还请参考下解决Web组件本地资源跨域问题文档排查下，本地html页面中有引入本地js文件时需本地资源跨域才能正常使用。另外也请排查下H5页面使用到哪些功能，确认这些功能涉及的权限是否成功配置。

• 使用DevTools工具调试前端页面：Web组件支持使用DevTools工具调试前端页面。DevTools是Web前端开发调试工具，支持在电脑上调试移动设备前端页面。
• 解决Web组件本地资源跨域问题：为了提高安全性，ArkWeb内核禁止file协议和resource协议访问跨域请求。因此，在使用Web组件加载本地离线资源的时候，Web组件会拦截file协议和resource协议的跨域访问。

如上述步骤仍未排查到问题，还请使用DevTools工具调试前端页面，提供下控制台信息以及应用的运行日志信息以便进一步分析。

应用运行日志获取：

1. 执行：hdc hilog > xxxx.log
2. 触发定位
3. 停止脚本执行。
4. 在目录下获取日志信息。

本地使用6.0.1 Beta1版本DevEco Studio和API 21版本设备未复现您的问题，可以正常加载沙箱路径下的html页面，本地demo如下：

import { webview } from '@kit.ArkWeb';
import { fileIo, fileUri } from '@kit.CoreFileKit';

@Entry
@Component
struct Index {
  @State url: string = '';
  private webviewController: webview.WebviewController = new webview.WebviewController();

  async aboutToAppear(): Promise<void> {
    webview.WebviewController.setWebDebuggingAccess(true);
    // 判断沙箱资源
    let urlPath = 'file://' + this.getUIContext().getHostContext()?.filesDir + '/Index.html';
    let exist = this.exists("/data/storage/el2/base/haps/entry/files/Index.html");
    if (exist) {
      // 沙箱文件存在，把链接缓存沙箱文件
      this.url = urlPath;
    }
  }

  // 判断沙箱文件是否存在
  exists(path?: string): boolean {
    if (path === undefined) {
      return false
    }
    let exists = fileIo.accessSync(path, fileIo.AccessModeType.EXIST)
    return exists
  }

  build() {
    Column() {
      Web({
        src: this.url,
        controller: this.webviewController
      })
        .fileAccess(true)
        .mixedMode(MixedMode.All)
        .javaScriptAccess(true)
        .domStorageAccess(true)
    }
  }
}

加载本地Web资源方案

方案说明：将Web应用打包到应用的 rawfile 目录中，通过加载本地资源实现离线访问，提升加载速度和用户体验。适合对网络依赖较小的应用场景。

实现步骤：

1. 将Web资源放入rawfile目录

将打包后的Web资源（HTML、CSS、JS、图片等）放入 src/main/resources/rawfile/ 目录：

src/main/resources/rawfile/
├── index.html
├── css/
│   └── style.css
├── js/
│   └── app.js
└── images/
    └── logo.png

2. 加载本地Web资源

// Index.ets
import { webview } from '@kit.ArkWeb';

@Entry
@Component
struct LocalWebPage {
  controller: webview.WebviewController = new webview.WebviewController();

  build() {
    Column() {
      // 加载本地HTML文件
      Web({ src: $rawfile('index.html'), controller: this.controller })
        .width('100%')
        .height('100%')
        .domStorageAccess(true)  // 启用DOM存储
        .fileAccess(true)        // 启用文件访问
    }
  }
}