HarmonyOS鸿蒙Next中webView加载不兼容,页面无法打开
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环境,并确保网络请求符合其安全策略。