51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
信创认证
公众号矩阵
移动端
视频课免费课排行榜短视频直播课软考学堂
全部课程软考信创认证华为认证厂商认证IT技术PMP项目管理免费题库
在线学习
文章资源问答课堂专栏直播
51CTO
鸿蒙开发者社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
鸿蒙开发者社区订阅号
51CTO软考
51CTO学堂APP
51CTO学堂企业版APP
鸿蒙开发者社区视频号
51CTO软考题库
活动 短视频 专栏 极客Show 鸿蒙技术特刊

HarmonyOS web如何获取html内容高度

we组件如何获取html 的高度

HarmonyOS
aquaa
2025-01-09 17:26:00
浏览
赞
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
Heiang
Heiang

可以在js里面监听html的高度，然后把高度值传输过来；放在ArkTS中的生命周期回调里面，html加载完毕的回调里面然后设置webview的高度。

参考demo:

// index.ets
import web_webview from '@ohos.web.webview';
@Entry
@Component
struct WebComponent {
  controller: web_webview.WebviewController = new web_webview.WebviewController();
  @State webResult: string = ''
  build() {
    Column() {
      Text(this.webResult).fontSize(20)
      Web({ src: $rawfile('index.html'), controller: this.controller })
        .javaScriptAccess(true)
        .aspectRatio(1.5)
        .onPageEnd(e => {
          this.controller.runJavaScript(
            'watchWindowSize()', (error,result)=>{
            this.webResult=result
            let pageHeight=this.controller.getPageHeight()+'';
            pageHeight=this.webResult;
            console.info('webResult='+this.webResult);
            console.info('pageHeight='+pageHeight);
          }
          );
        })
    }
  }
}
// index.html
<!DOCTYPE html>
  <html>
  <body><p>
  <h1>1111111111</h1>
  <h2>1111111111</h2>
  <h2>1111111111</h2> </p> </body>
  <script type="text/javascript">
  function watchWindowSize(){
    var h = document.body.clientHeight;
    return h;
  }
  </script>
  </html>
分享
微博
QQ
微信
回复
2025-01-09 20:01:30
如何写精华回答，获更多曝光？
发布
相关问题
HarmonyOS web组件如何实现根据html字符内容高度自适应
1250浏览 • 1回复 待解决
HarmonyOS Web如何搜索html界面的内容？
1278浏览 • 1回复 待解决
HarmonyOS web的高度自适应内容的高度
1662浏览 • 1回复 待解决
HarmonyOS Web通过loadData加载html不显示内容
1259浏览 • 1回复 待解决
HarmonyOS webView如何获取整体内容高度
829浏览 • 1回复 待解决
预览器上WEB组件无法显示HTML内容
4341浏览 • 1回复 待解决
HarmonyOS Web组件高度设置问题，Web组件内容被遮挡
2002浏览 • 1回复 待解决
HarmonyOS web组件怎么获取html页面标题
727浏览 • 1回复 待解决
Scroll嵌套web，如何实现可以流畅的滑动，Web内容高度会变化
1287浏览 • 1回复 待解决
HarmonyOS 使用web组件展示pdf，如何获取pdf高度？
1173浏览 • 1回复 待解决
HarmonyOS RichText如何拿到html片段的高度
881浏览 • 1回复 待解决
HarmonyOS web组件加载本地HTML字符串时无法自适应高度
1315浏览 • 1回复 待解决
HarmonyOS Scroll嵌套Web，Web内容高度自适应，整体页面一起滚动
1267浏览 • 1回复 待解决
webview 如何显示纯文本html内容？
3588浏览 • 1回复 待解决
HarmonyOS Text解析展示带html标签的文本，为什么解析出来高度非常的高，想让它高度随自身内容高度
1060浏览 • 1回复 待解决
Web组件获取高度不一样
3909浏览 • 1回复 待解决
HarmonyOS Web组件嵌套在Scroll布局中或List布局中，如何实现Web组件高度根据内容自适应
1796浏览 • 1回复 待解决
HarmonyOS Scroll嵌套Web，Web内容高度自适应，整体页面无法一起滚动
1054浏览 • 1回复 待解决
HarmonyOS Web组件如何加载html字符串
2082浏览 • 1回复 待解决
HarmonyOS webview加载html之后，通过this.webviewController.getPageHeight()获取的高度不正确
1707浏览 • 1回复 待解决
HarmonyOS web嵌套到scroll里面之后获取的高度不对
1507浏览 • 1回复 待解决
HarmonyOS Web页面高度适配
777浏览 • 1回复 待解决
HarmonyOS Web组件高度问题
1768浏览 • 1回复 待解决
HarmonyOS Web控件getPageHeight（）获取高度方法与网页实际高度不一样
1067浏览 • 1回复 待解决
HarmonyOS 如何实现自适应web的高度
1029浏览 • 1回复 待解决
提问
该提问已有0人参与 ，帮助了0人
相关讨论帖
TextField获取输入框内容/TextField基础操作/输入框获取输入内容 0回复
#HarmonyOS NEXT体验官#Web获取相机拍照图片 0回复
HarmonyOS如何获取设备udid 1回复
HarmonyOs webview 加载本地html 6回复
鸿蒙原生应用元服务开发-Web加载HTML格式的文本数据 0回复