HarmonyOS 鸿蒙Next webView 加载完成网页，获取网页中元素的高度

HarmonyOS 鸿蒙Next webView 加载完成网页，获取网页中元素的高度 通过执行js的
document.getElementById('lg').clientHeight
获取到html 元素的高度单位 是px 还是 vp

2 回复

h5获取的高度是px

参考部分代码：

Web()
.onPageEnd(e => {
  this.controller.runJavaScript('watchWindowSize()', (error,result)=>{
  this.webResult=result
}
....
...
.height(parseInt(this.webResult))//web高度传递

更多关于HarmonyOS 鸿蒙Next webView 加载完成网页，获取网页中元素的高度的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


在HarmonyOS鸿蒙系统中，若你正在使用Next webView组件并希望获取网页中某个元素的高度，你可以通过JavaScript与webView进行交互来实现。以下是一个基本的实现思路：

  1. 注入JavaScript：在webView加载完成后，通过evaluateJavascript方法注入一段JavaScript代码。这段代码将用于获取网页中特定元素的高度。

  2. JavaScript获取元素高度：在注入的JavaScript代码中，使用document.querySelector或类似方法选中目标元素，并通过offsetHeight或clientHeight属性获取其高度。

  3. 返回高度值给鸿蒙应用：通过JavaScript的某种机制（如设置一个全局变量或触发一个自定义事件），将获取到的高度值传递给鸿蒙应用。鸿蒙应用可以监听这些事件或检查全局变量来获取高度值。

  4. 处理返回的高度值：在鸿蒙应用中接收并处理这个高度值，根据需要进行UI调整或其他逻辑处理。

请注意，由于webView与网页内容的交互涉及跨域和安全性问题，确保你的网页和应用有适当的权限和设置来允许这种交互。

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

回到顶部