HarmonyOS 鸿蒙Next Navigation组件入栈打开新页面web内容显示异常问题

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

HarmonyOS 鸿蒙Next Navigation组件入栈打开新页面web内容显示异常问题

描述: 入口页面Index 中间页面page1 web页面page2

操作过程: 启动app依次打开页面:Index =》page1 =》page2，此时web显示正常； 返回page1后再次打开page2，此时web显示异常，web顶端有部分页面消失，无法滚动显示，弹性滚动下拉可显示。  

Harmonyos Next教程
2 回复

请参考如下代码

     Web({ src: 'https://apptest.longhuvip.com/pagew4/test/hosTest2.html', controller: this.controller }).expandSafeArea()

          .zIndex(1).width('100%').height('100%')

目前解决方法：设置expandSafeArea()，父组件layoutWeight(1)替换.height('100%')，底部添加一个高度1px的空白组件可暂时解决该问题

更多关于HarmonyOS 鸿蒙Next Navigation组件入栈打开新页面web内容显示异常问题的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


针对HarmonyOS 鸿蒙Next Navigation组件入栈打开新页面web内容显示异常问题，以下是一些可能的解决方案：

  1. 检查页面路径与加载逻辑：

    • 确认resources/base/profile/main_pages.json中是否添加了相关页面。
    • 检查EntryAbility中的onWindowStageCreate()方法是否正确指向新页面。

  2. Web组件设置：

    • 确保Web组件的src属性正确指向web内容。
    • 如果web内容包含HTTPS和HTTP混合内容，需设置mixedMode(MixedMode.All)以允许加载。

  3. 权限与调试：

    • 在应用中正确配置网络访问权限。
    • 开启Web调试功能，通过setWebDebuggingAccess(true)接口。

  4. 系统兼容性与更新：

    • 考虑到HarmonyOS 鸿蒙Next系统仍处于公测阶段，可能存在兼容性问题。
    • 尝试更新系统或应用版本，查看问题是否解决。

  5. 错误日志与缓存：

    • 利用开发者模式查看应用的错误日志，寻找具体错误信息。
    • 清理应用缓存并重启设备，以排除缓存导致的问题。

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

回到顶部