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

webview 问题有哪些？

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

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

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

HarmonyOS
Heiang
3天前
浏览
赞
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
FengTianYa
FengTianYa

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

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

分享
微博
QQ
微信
回复
3天前
如何写精华回答，获更多曝光？
发布
相关问题
提供Webview demo有哪些？
31浏览 • 1回复 待解决
OAID授权问题有哪些？
139浏览 • 1回复 待解决
List使用问题有哪些？
212浏览 • 1回复 待解决
签名证书配置问题有哪些？
313浏览 • 1回复 待解决
ArkTS生成密钥问题有哪些？
214浏览 • 1回复 待解决
启动页面配置问题有哪些？
378浏览 • 1回复 待解决
Marquee组件使用问题有哪些？
166浏览 • 0回复 待解决
Grid组件性能问题有哪些？
307浏览 • 1回复 待解决
Tab控件切换问题有哪些？
117浏览 • 1回复 待解决
背景属性的问题有哪些？
305浏览 • 1回复 待解决
bindPopup样式问题有哪些啊？
313浏览 • 1回复 待解决
静态工程引用har问题有哪些？
270浏览 • 1回复 待解决
Tabs滑动距离的问题有哪些？
184浏览 • 1回复 待解决
webview和原生进行通信的方式有哪些？怎么实现
1870浏览 • 1回复 待解决
Flutter刷新率问题有哪些？
423浏览 • 1回复 待解决
应用性能问题优化方式有哪些？
280浏览 • 1回复 待解决
webview有哪些调试工具？调试工具的用法是什么
1739浏览 • 1回复 待解决
HarmonyOS换肤方案有哪些？
273浏览 • 1回复 待解决
OceanBase业务案例有哪些？
3582浏览 • 1回复 待解决
ArkUI调试技巧有哪些？
577浏览 • 1回复 待解决
GlobalThis替代方案有哪些？
764浏览 • 1回复 待解决
MongoDB的优势有哪些？
4026浏览 • 1回复 待解决
PolarDB 备份过程有哪些？
2471浏览 • 1回复 待解决
HarmonyOS 换肤方案有哪些？
119浏览 • 1回复 待解决
Flutter 热重载方法有哪些？
202浏览 • 1回复 待解决
提问
该提问已有0人参与 ，帮助了0人
相关讨论帖
DC电源模块的常见问题有哪些？ 0回复
Python 有哪些黑魔法？ 0回复
MySQL 常用引擎有哪些？ 0回复
WebView加载html图片不显示问题 1回复
鸿蒙系统应用环境有哪些？ 0回复