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

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

web使用loaddata加载本地html字符串时,WebLayoutMode.FIT_CONTENT未起作用,web的高度未自适应

HarmonyOS
2024-12-25 14:14:43
965浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
put_get

目前只支持两种web布局模式,分别为Web布局跟随系统WebLayoutMode.NONE和Web基于页面大小的自适应网页布局,高度自适应需设置web组件属性.layoutMode(WebLayoutMode.FIT_CONTENT),参考文档:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-basic-components-web-V5#layoutmode11

选择WebLayoutMode.FIT_CONTENT时,如果网页内容宽或长度超过8000px,请在Web组件创建的时候指定RenderMode.SYNC_RENDER模式。

参考链接:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-basic-components-web-V5#ZH-CN_TOPIC_0000001847049744__layoutmode11

目前长web页面建议使用web组件的嵌套滚动,参考文档:https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/web-nested-scrolling-V5

web组件高度自适应的话设置web组件属性.layoutMode(WebLayoutMode.FIT_CONTENT)就好了;另外,web有loadData方法,可以加载html文本,参考链接:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/js-apis-webview-V5

目前支持渲染HTML的只有web组件和richText组件,richText参考链接:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-basic-components-richtext-V5

分享
微博
QQ
微信
回复
2024-12-25 17:01:24


相关问题
HarmonyOS Web组件如何加载html字符串
1761浏览 • 1回复 待解决
HarmonyOS web组件怎么加载html字符串
692浏览 • 1回复 待解决
Web如何使用loadData加载复杂Html字符串
3286浏览 • 1回复 待解决
HarmonyOS web组件自适应高度问题
1827浏览 • 1回复 待解决
HarmonyOS web组件怎么自适应高度
795浏览 • 1回复 待解决
Web组件如何实现高度自适应
1788浏览 • 1回复 待解决
HarmonyOS Web高度自适应问题
1657浏览 • 1回复 待解决
HarmonyOS List上展示html字符串
803浏览 • 1回复 待解决
HarmonyOS 如何支持html格式字符串
680浏览 • 1回复 待解决
HarmonyOS RelativeContainer无法自适应高度
1288浏览 • 1回复 待解决
HarmonyOS web高度自适应内容的高度
1236浏览 • 1回复 待解决
HarmonyOS 如何实现自适应web高度
670浏览 • 1回复 待解决
如何使用Web组件加载本地html文件?
1830浏览 • 1回复 待解决
HarmonyOS Grid组件能否高度自适应
789浏览 • 1回复 待解决
HarmonyOS 自适应组件高度问题
1899浏览 • 1回复 待解决
WebView加载网页无法自适应
1285浏览 • 1回复 待解决
HarmonyOS 高度自适应
1087浏览 • 1回复 待解决