HarmonyOS 鸿蒙Next 常驻的Web Page：如何让一个Web的Page常驻，也就是隐藏Page时不销毁，下次唤起直接显示上次加载的内容

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

HarmonyOS 鸿蒙Next 常驻的Web Page：如何让一个Web的Page常驻，也就是隐藏Page时不销毁，下次唤起直接显示上次加载的内容 类似于一个单例Web的Page吧，加载之后一直在内存中，下次可以瞬间唤起显示

具体场景如下：
我们的AI问答功能，是Web网页实现的，我们需求是希望能够每次都能快速打开这个Web网页。

目前痛点如下：

  1. 首次加载，因为Web要加载东西比较多。（如果每次打开都重新加载就很痛苦）
  2. AI问答一个字一个字输出答复的，如果中途关闭了网页，那输出的内容就没有了。

所以我们希望第一次打开该网页后，以后的每次关闭网页操作都只是隐藏网页，而不销毁网页，网页还存活在内存中，这样下次要显示这个Web页时，就可以瞬间从内存中那出来显示。


更多关于HarmonyOS 鸿蒙Next 常驻的Web Page：如何让一个Web的Page常驻，也就是隐藏Page时不销毁，下次唤起直接显示上次加载的内容的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html

Harmonyos Next教程
2 回复

可以使用动态创建web组件来实现

参考文档：https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/web-page-loading-with-web-components-V5#动态创建web组件

在动态创建web组件时有一个createNWeb，需要展示网页的时候调用onActive方法，通知Web组件进入前台激活状态

onActive参考文档：https://developer.huawei.com/consumer/cn/doc/harmonyos-references/js-apis-webview-0000001813416660#ZH-CN_TOPIC_0000001813416660__onactive

在不需要展示网页的时候调用onInactive方法，通知Web组件进入未激活状态

onInactive参考文档：https://developer.huawei.com/consumer/cn/doc/harmonyos-references/js-apis-webview-0000001813416660#ZH-CN_TOPIC_0000001813416660__oninactive

更多关于HarmonyOS 鸿蒙Next 常驻的Web Page：如何让一个Web的Page常驻，也就是隐藏Page时不销毁，下次唤起直接显示上次加载的内容的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


在HarmonyOS鸿蒙系统中，要实现一个Web Page常驻，即在隐藏页面时不销毁，下次唤起时直接显示上次加载的内容，可以通过以下方式实现：

  1. 使用AbilityLifecycleCallbacks： 通过实现AbilityLifecycleCallbacks接口，监听Ability（即页面）的生命周期变化。在onStop或onSaveInstanceState时保存Web Page的状态和内容，在onStart或onRestoreInstanceState时恢复状态。

  2. 使用内存缓存： 将Web Page的内容缓存到内存中，比如使用SoftReference或WeakReference来缓存WebView的状态或HTML内容。这样，即使页面被隐藏，内容也不会立即被垃圾回收。

  3. 配置Ability属性： 检查并配置Ability的启动模式，确保页面在切换时不被销毁。虽然鸿蒙系统的Ability启动模式与Android有所不同，但类似地，可以通过配置确保页面实例不被重复创建或销毁。

  4. 使用服务或后台任务： 如果内容需要持续更新或保持活跃，可以考虑将Web Page的内容加载到一个服务或后台任务中，页面仅作为显示层，与服务进行通信以获取最新内容。

请注意，以上方法需要根据具体的应用场景和需求进行调整和实现。如果问题依旧没法解决请联系官网客服，官网地址是：https://www.itying.com/category-93-b0.html

回到顶部