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

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

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

HarmonyOS
2024-12-25 14:14:43
浏览
收藏 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字符串
996浏览 • 1回复 待解决
HarmonyOS web组件怎么加载html字符串
224浏览 • 1回复 待解决
Web如何使用loadData加载复杂Html字符串
2581浏览 • 1回复 待解决
HarmonyOS web组件怎么自适应高度
240浏览 • 1回复 待解决
HarmonyOS web组件自适应高度问题
1243浏览 • 1回复 待解决
Web组件如何实现高度自适应
1255浏览 • 1回复 待解决
HarmonyOS Web高度自适应问题
990浏览 • 1回复 待解决
HarmonyOS RelativeContainer无法自适应高度
648浏览 • 1回复 待解决
HarmonyOS web高度自适应内容的高度
386浏览 • 1回复 待解决
HarmonyOS 如何实现自适应web高度
79浏览 • 1回复 待解决
HarmonyOS 如何支持html格式字符串
288浏览 • 1回复 待解决
HarmonyOS List上展示html字符串
479浏览 • 1回复 待解决
WebView加载网页无法自适应
630浏览 • 1回复 待解决
HarmonyOS 自适应组件高度问题
1333浏览 • 1回复 待解决
HarmonyOS Grid组件能否高度自适应
209浏览 • 1回复 待解决
HarmonyOS 高度自适应
438浏览 • 1回复 待解决
如何使用Web组件加载本地html文件?
1054浏览 • 1回复 待解决