HarmonyOS 鸿蒙Next webview加载的H5页面是否支持window.localStorage

webview加载的H5页面中window.localStorage报null错误

Dom Storage包含了Session Storage和Local Storage两类。前者为临时数据，其存储与释放跟随会话生命周期；后者为可持久化数据，落盘在应用目录下。两者的数据均通过Key-Value的形式存储，通常在访问需要客户端存储的页面时使用。开发者可以通过Web组件的属性接口domStorageAccess()进行使能配置，示例如下：

import web_webview from '[@ohos](/user/ohos).web.webview';

[@Entry](/user/Entry)
[@Component](/user/Component)
struct WebComponent {
  controller: web_webview.WebviewController = new web_webview.WebviewController();
  build() {
    Column() {
      Web({ src: 'www.example.com', controller: this.controller })
        .domStorageAccess(true)
    }
  }
}

sinazl 2楼•4 天前

HarmonyOS 鸿蒙Next webview加载的H5页面支持window.localStorage。要在HarmonyOS的WebView组件中启用H5的localStorage，需要进行以下配置：

首先，确保WebView组件已正确配置并启用了JavaScript和DOM存储权限。这可以通过调用setJavaScriptPermit(true)和setWebStoragePermit(true)方法来实现。这两个方法分别用于在WebView中启用JavaScript和开启H5 DOM存储。没有开启DOM存储权限，则无法在H5中启用localStorage。

其次，在H5页面中，可以通过标准的JavaScript代码来使用localStorage，如window.localStorage.setItem(key, value)来存储数据，以及window.localStorage.getItem(key)来检索数据。

如果在配置正确的情况下仍然无法使用localStorage，可能是由于权限设置、Web组件版本限制或API调用方式不当等原因。此时，建议检查应用的存储权限、Web组件的版本以及domStorageAccess的设置是否正确。

如果问题依旧没法解决请联系官网客服，官网地址是：https://www.itying.com/category-93-b0.html 。