鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

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

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

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

鸿蒙开发者社区

登录/注册
51CTO

中国优质的IT技术网站

51CTO博客

专业IT技术创作平台

51CTO学堂

IT职业在线教育平台

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

webview 问题有哪些？

当前使用webview组件加载远端url的做法，远端url的页面代码不能修改。

1.想要在js里获取web页面的高度，然后返回来把高度设置到arkui的webview的height属性里去，这样的话，webview组件就不会有滚动条了。如何在arkts侧获取web的高度？

2.假设问题1已经解决，当前单手在webview内上下滑动时，无法触发外层的scroll的上下滑动，如何解决？

HarmonyOS

2024-11-05 10:45:23

浏览

赞

收藏 0

回答 1

回答 1

按赞同

/

按时间

1.在js里面监听html的高度，然后把高度值传输过来；放在arkts中的生命周期回调里面，html加载完毕的回调里面然后设置webview的高度。代码如下：

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> 
page.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); 
          } 
          ); 
        }) 
    } 
  } 
}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.

2：解决思路参考:https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/web-nested-scrolling-V5

回复

2024-11-05 17:49:21

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

发布

相关问题

提供Webview demo有哪些？

843浏览 • 1回复待解决

uiTest使用问题有哪些？

1148浏览 • 1回复待解决

List使用问题有哪些？

1205浏览 • 1回复待解决

OAID授权问题有哪些？

1543浏览 • 1回复待解决

启动页面配置问题有哪些？

1224浏览 • 1回复待解决

Flutter集成问题有哪些？

1030浏览 • 1回复待解决

签名证书配置问题有哪些？

1551浏览 • 1回复待解决

ArkTS生成密钥问题有哪些？

938浏览 • 1回复待解决

bindPopup样式问题有哪些啊？

890浏览 • 1回复待解决

Grid组件性能问题有哪些？

1164浏览 • 1回复待解决

Marquee组件使用问题有哪些？

1105浏览 • 0回复待解决

背景属性的问题有哪些？

1039浏览 • 1回复待解决

Tab控件切换问题有哪些？

1164浏览 • 1回复待解决

webview和原生进行通信的方式有哪些？怎么实现

2949浏览 • 1回复待解决

Tabs滑动距离的问题有哪些？

1317浏览 • 1回复待解决

静态工程引用har问题有哪些？

1198浏览 • 1回复待解决

Flutter刷新率问题有哪些？

1686浏览 • 1回复待解决

应用性能问题优化方式有哪些？

1608浏览 • 1回复待解决

webview有哪些调试工具？调试工具的用法是什么

2713浏览 • 1回复待解决

flutter适配工作有哪些以及版本升级问题

1074浏览 • 1回复待解决

HarmonyOS webView代理问题

854浏览 • 1回复待解决

HarmonyOS webview通信问题

789浏览 • 1回复待解决

HarmonyOS换肤方案有哪些？

1251浏览 • 1回复待解决

MongoDB的优势有哪些？

5163浏览 • 1回复待解决

OceanBase业务案例有哪些？

4539浏览 • 1回复待解决

提问

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

相关讨论帖

DC电源模块的常见问题有哪些？ 0回复

Python 有哪些黑魔法？ 0回复

MySQL 常用引擎有哪些？ 0回复

WebView加载html图片不显示问题 1回复

鸿蒙系统应用环境有哪些？ 0回复

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