鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

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

全部课程软考华为认证厂商认证 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>
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.

回复

2025-01-09 20:01:30

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

发布

相关问题

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

703浏览 • 1回复待解决

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

782浏览 • 1回复待解决

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

1010浏览 • 1回复待解决

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

832浏览 • 1回复待解决

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

460浏览 • 1回复待解决

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

3397浏览 • 1回复待解决

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

1443浏览 • 1回复待解决

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

364浏览 • 1回复待解决

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

878浏览 • 1回复待解决

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

554浏览 • 1回复待解决

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

732浏览 • 1回复待解决

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

826浏览 • 1回复待解决

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

741浏览 • 1回复待解决

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

2908浏览 • 1回复待解决

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

688浏览 • 1回复待解决

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

655浏览 • 1回复待解决

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

1217浏览 • 1回复待解决

Web组件获取高度不一样

2950浏览 • 1回复待解决

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

1126浏览 • 1回复待解决

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

1593浏览 • 1回复待解决

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

1073浏览 • 1回复待解决

HarmonyOS Web控件getPageHeight（）获取高度方法与网页实际高度不一样

709浏览 • 1回复待解决

HarmonyOS Web无法访问指定html

846浏览 • 1回复待解决

HarmonyOS Web组件加载html文件异常

1326浏览 • 1回复待解决

HarmonyOS Web页面高度适配

428浏览 • 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版权所有未经许可请勿转载