鸿蒙Next平板如何打开本地html文件

在鸿蒙Next平板上，如何直接打开本地的HTML文件？我下载了一些网页资料，但点击文件后系统没有合适的应用能打开。是需要安装第三方浏览器还是系统有自带的文件查看器可以支持？求具体操作方法。

2 回复

鸿蒙Next平板打开本地HTML文件？简单！用“文件管理”找到HTML文件，点击后选择“浏览器”打开就行。如果没反应，试试把文件后缀改成.txt再用浏览器开——别问我为什么，代码世界的玄学！

更多关于鸿蒙Next平板如何打开本地html文件的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


在鸿蒙Next平板上打开本地HTML文件，可以通过以下两种主要方法实现：

方法一：使用Web组件（推荐）

在鸿蒙应用中使用Web组件加载本地HTML文件：

import webview from '@ohos.web.webview';
import fileIo from '@ohos.file.fs';

@Entry
@Component
struct Index {
  @State webController: webview.WebviewController = new webview.WebviewController();
  
  build() {
    Column() {
      Web({
        src: $rawfile('index.html'),  // 加载resources/rawfile目录下的HTML文件
        controller: this.webController
      })
        .width('100%')
        .height('100%')
    }
    .width('100%')
    .height('100%')
  }
}

方法二：通过文件管理器

  1. 将HTML文件存放在设备的Download或其他可访问目录
  2. 使用系统文件管理器找到该文件
  3. 点击文件，选择用浏览器打开

注意事项：

  1. 如果开发应用，需要确保HTML文件放在项目的resources/rawfile目录下
  2. 需要在module.json5中申请网络权限：
{
  "module": {
    "requestPermissions": [
      {
        "name": "ohos.permission.INTERNET"
      }
    ]
  }
}

文件存放位置：

  • 开发时：resources/rawfile/目录
  • 设备上：/storage/emulated/0/Download/等用户目录

第一种方法适用于应用开发场景，第二种适合普通用户直接操作。

回到顶部