HarmonyOS鸿蒙Next中webView加载不兼容,页面无法打开

发布于 1周前 作者 itying888 来自 鸿蒙OS

HarmonyOS鸿蒙Next中webView加载不兼容,页面无法打开

webVIew加载不兼容,页面无法打开,报错信息:

Uncaught TypeError: Cannot read properties of null (reading 'getItem')
at getAppType (invoicing.ts:27:29)
at invoicing.ts:40:14

大家有遇到过这种问题吗?

3 回复

1、当访问在线网页时,需要在module.json5文件中添加网络权限:ohos.permission.INTERNET。

2、需要加上.domStorageAccess(true)属性,保证资源可以正常加载并显示 文档请参考:https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/cta-build-web-applications-using-web-components-V5#section875973412449

可以运行下方示例,我这边是可以的,示例如下:

import { webview } from '@kit.ArkWeb';

@Component
struct WebComponent {
  controller: webview.WebviewController = new webview.WebviewController()
  build() {
    Column () {
      Web({ src: 'https://cdn.zhizu.yugu.net.cn/cshd/zlhdapp/kefu/9547/index.html', controller: this.controller })
        .domStorageAccess(true)
        .fileAccess(true)
    }
  }
}

更多关于HarmonyOS鸿蒙Next中webView加载不兼容,页面无法打开的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


在HarmonyOS鸿蒙Next中,webView加载不兼容或页面无法打开的问题,可能与以下几个因素有关:

  • 鸿蒙Next的webView组件可能对某些HTML5或CSS3特性支持不完全,导致页面渲染异常。
  • JavaScript的执行环境在鸿蒙Next中可能与标准WebView存在差异,导致某些脚本无法正常运行。
  • 网络请求的处理机制在鸿蒙Next中可能有所不同,可能导致资源加载失败。
  • 最后,鸿蒙Next的安全策略可能限制了某些跨域请求或特定内容的加载。

解决此类问题,通常需要检查页面的兼容性,调整代码以适应鸿蒙Next的WebView环境,并确保网络请求符合其安全策略。

在HarmonyOS鸿蒙Next中,如果WebView加载不兼容导致页面无法打开,可能的原因包括浏览器内核差异、页面代码不兼容或网络问题。建议检查以下几点:

  1. 确认WebView配置:确保WebView的配置正确,特别是JavaScript和DOM存储是否启用。
  2. 检查页面代码:确保页面代码遵循标准,避免使用仅特定浏览器支持的API。
  3. 网络权限:确认应用已获取必要的网络权限。
  4. 更新系统:确保鸿蒙系统为最新版本,以获得最佳兼容性。

如果问题依旧,建议使用鸿蒙提供的开发者工具进行调试,或查阅官方文档获取更多支持。

回到顶部
AI 助手
你好,我是IT营的 AI 助手
您可以尝试点击下方的快捷入口开启体验!