HarmonyOS 鸿蒙Next Web()组件如何获里面加载内容的总高度

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

HarmonyOS 鸿蒙Next Web()组件如何获里面加载内容的总高度 需要当web中的内容滑动超过50%，就调一个接口 认为这个内容已读完，

当前内容的高度是能通过onScroll方法获取的 如何获得内容总高度

Harmonyos Next教程
3 回复

目前没有直接获得内容总高度的方法，可以通过在js里面监听内容的高度，然后把高度值传输过来；放在ArkTS中的生命周期回调里面，

或者看一下getPageHeight获取当前网页的页面高度，参考文档：https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V13/js-apis-webview-V13#getpageheight

更多关于HarmonyOS 鸿蒙Next Web()组件如何获里面加载内容的总高度的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


等加载完毕onPageEnd后runJavaScript，获取clientHeight

在HarmonyOS中，获取Next Web组件内加载内容的总高度，可以通过以下方式实现（注意，这里不涉及Java或C语言代码）：

HarmonyOS的Next Web组件是基于Web技术构建的，因此你可以通过JavaScript来获取页面内容的高度。具体步骤如下：

  1. 注入JavaScript代码：在Next Web组件加载完成后，通过注入JavaScript代码来获取页面内容的高度。

  2. 使用document.body.scrollHeight或document.documentElement.scrollHeight：在JavaScript中，你可以使用document.body.scrollHeight或document.documentElement.scrollHeight属性来获取整个页面的高度。这两个属性通常会返回文档的总高度，包括视口中不可见的部分。

  3. 通过Native与JavaScript交互：HarmonyOS提供了机制让Native代码与Web内容中的JavaScript进行交互。你可以定义一个Native方法，该方法在Web内容中调用，并将获取到的高度值传递回Native层。

  4. 处理返回值：在Native层接收并处理从Web内容中传递回来的高度值。

请注意，由于Web内容的异步加载特性，你可能需要在页面完全加载后再执行上述步骤，以确保获取到准确的高度值。

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

回到顶部