鸿蒙开发者社区

公众号矩阵

移动端

视频课免费课排行榜短视频直播课软考学堂

全部课程软考信创认证华为认证厂商认证 IT技术 PMP项目管理免费题库

文章资源问答课堂专栏直播

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

鸿蒙开发者社区

登录/注册
51CTO

中国优质的IT技术网站

51CTO博客

专业IT技术创作平台

51CTO学堂

IT职业在线教育平台

活动短视频专栏极客Show 鸿蒙技术特刊

HarmonyOS web如何获取html内容高度

we组件如何获取html 的高度

HarmonyOS

2025-01-09 17:26:00

浏览

赞

收藏 0

回答 1

待解决

回答 1

按赞同

/

按时间

可以在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>

回复

2025-01-09 20:01:30

如何写精华回答，获更多曝光？

发布

相关问题

HarmonyOS web组件如何实现根据html字符内容高度自适应

1151浏览 • 1回复待解决

HarmonyOS Web如何搜索html界面的内容？

1224浏览 • 1回复待解决

HarmonyOS web的高度自适应内容的高度

1590浏览 • 1回复待解决

HarmonyOS webView如何获取整体内容高度

784浏览 • 1回复待解决

HarmonyOS Web通过loadData加载html不显示内容

1202浏览 • 1回复待解决

预览器上WEB组件无法显示HTML内容

4140浏览 • 1回复待解决

HarmonyOS Web组件高度设置问题，Web组件内容被遮挡

1939浏览 • 1回复待解决

HarmonyOS web组件怎么获取html页面标题

676浏览 • 1回复待解决

HarmonyOS 使用web组件展示pdf，如何获取pdf高度？

1112浏览 • 1回复待解决

Scroll嵌套web，如何实现可以流畅的滑动，Web内容高度会变化

1223浏览 • 1回复待解决

HarmonyOS RichText如何拿到html片段的高度

831浏览 • 1回复待解决

HarmonyOS web组件加载本地HTML字符串时无法自适应高度

1244浏览 • 1回复待解决

HarmonyOS Scroll嵌套Web，Web内容高度自适应，整体页面一起滚动

1142浏览 • 1回复待解决

webview 如何显示纯文本html内容？

3513浏览 • 1回复待解决

HarmonyOS Text解析展示带html标签的文本，为什么解析出来高度非常的高，想让它高度随自身内容高度

1020浏览 • 1回复待解决

HarmonyOS Web组件嵌套在Scroll布局中或List布局中，如何实现Web组件高度根据内容自适应

1691浏览 • 1回复待解决

Web组件获取高度不一样

3742浏览 • 1回复待解决

HarmonyOS Web组件如何加载html字符串

2044浏览 • 1回复待解决

HarmonyOS Scroll嵌套Web，Web内容高度自适应，整体页面无法一起滚动

1013浏览 • 1回复待解决

HarmonyOS web嵌套到scroll里面之后获取的高度不对

1451浏览 • 1回复待解决

HarmonyOS webview加载html之后，通过this.webviewController.getPageHeight()获取的高度不正确

1652浏览 • 1回复待解决

HarmonyOS Web页面高度适配

709浏览 • 1回复待解决

HarmonyOS Web组件高度问题

1597浏览 • 1回复待解决

HarmonyOS 如何来设定web组件的高度？

764浏览 • 1回复待解决

HarmonyOS 如何实现自适应web的高度

964浏览 • 1回复待解决

提问

该提问已有0人参与，帮助了0人

相关讨论帖

TextField获取输入框内容/TextField基础操作/输入框获取输入内容 0回复

#HarmonyOS NEXT体验官#Web获取相机拍照图片 0回复

HarmonyOS如何获取设备udid 1回复

HarmonyOs webview 加载本地html 6回复

鸿蒙原生应用元服务开发-Web加载HTML格式的文本数据 0回复

Copyright © 2005-2025 51CTO.COM 京ICP证060544版权所有未经许可请勿转载