HarmonyOS 鸿蒙Next webview某些url加载空白,链接本身没问题

发布于 1周前 作者 bupafengyu 最后一次编辑是 5天前 来自 鸿蒙OS

HarmonyOS 鸿蒙Next webview某些url加载空白,链接本身没问题

struct WebComponent {
@State webBusiness: webBusinessToH5 = new webBusinessToH5();
webviewController: web_web.WebviewController = new web_web.WebviewController();
url: string = ‘https://h5test.ichangtou.com/research/ichangtou/ict-h5-bridge-app/index.html’;
// url: string = ‘https://www.baidu.com’;

build() {
Column() {

  Web({ src: <span class="hljs-keyword"><span class="hljs-keyword">this</span></span>.url, controller: <span class="hljs-keyword"><span class="hljs-keyword">this</span></span>.webviewController})

  .onPageEnd((event) =&gt; {
    <span class="hljs-comment"><span class="hljs-comment">// 注册事件</span></span>
    <span class="hljs-keyword"><span class="hljs-keyword">this</span></span>.webviewController.registerJavaScriptProxy(<span class="hljs-keyword"><span class="hljs-keyword">this</span></span>.webBusiness, <span class="hljs-string"><span class="hljs-string">"webBusinessToH5"</span></span>, [<span class="hljs-string"><span class="hljs-string">"test"</span></span>, <span class="hljs-string"><span class="hljs-string">"getUserInfo"</span></span>]);
  })
    
}
}

}
7 回复

加上下面这个试试

.domStorageAccess(true)

白屏的很大原因是网页用到了h5用的数据存储功能,而鸿蒙Web组件默认禁止了。

确实是的 搞定了

好用了 感谢!

设置一下UA,里边需要包含 Android / iOS 系统的特征,可以尝试完全用这两个平台中的UA

百度就可以,我自己的url就不行.

再比如当前这个论坛的页面的url也不行

https://developer.huawei.com/consumer/cn/forum/topic/0203144436508104817?fid=0102683795438680754

这是为啥

我同样代码本地跑局域网可以,部署到环境就不行,烦死

针对HarmonyOS鸿蒙Next webview加载某些URL出现空白的问题,这里有几个可能的原因及解决方案:

  1. 网络问题:首先确认设备网络连接稳定,并尝试在其他网络环境下加载同一URL,以排除网络不稳定导致的问题。

  2. WebView配置:检查WebView组件的配置,确保已正确设置,如启用JavaScript等必要功能。

  3. 权限问题:确保应用已申请并获得了访问网络的权限。在鸿蒙系统中,这通常在应用的配置文件(如AndroidManifest.xml或鸿蒙系统的配置文件)中设置。

  4. URL格式:检查URL是否包含需要转义的特殊字符,如"#"号。在某些情况下,这些字符可能导致加载问题。尝试对URL进行编码或替换特殊字符。

  5. WebView版本:确认WebView组件是最新版本,因为旧版本可能包含未修复的bug。

  6. 资源加载问题:如果网页依赖外部资源(如CSS、JavaScript文件或图片),检查这些资源是否能正确加载。

  7. 系统兼容性问题:考虑鸿蒙系统的不同版本间可能存在兼容性问题。尝试在多个鸿蒙设备或系统版本上加载同一URL,以排查此问题。

如果问题依旧没法解决,请联系官网客服,官网地址是:https://www.itying.com/category-93-b0.html。他们将提供更专业的技术支持和解决方案。

回到顶部