鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

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

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

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

鸿蒙开发者社区

登录/注册
51CTO

中国优质的IT技术网站

51CTO博客

专业IT技术创作平台

51CTO学堂

IT职业在线教育平台

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

HarmonyOS webview加载本地html问题

问题1：webview加载本地html时，<html><body style="margin: 0;"><p style='color: rgba(188, 53, 41, 1)'>一行</p></body></html>可以正常加载出来，<html><body style="margin: 0;"><p style='color: #BC3529'>一行</p></body></html> 不能正常加载。两个字符串的唯一区别是：‘color: rgba(188, 53, 41, 1)’和’color: #BC3529’

问题2： Web根据内容自适应时，即：layoutMode(WebLayoutMode.FIT_CONTENT)需要作为Scroll的子控件里才能生效，直接作为Column的子控件无法正常展示，这是设计如此吗？

代码如下：

@Entry 
@Component 
struct PushIndex { 
  controller: web_webview.WebviewController = new web_webview.WebviewController(); 
 
  text = `<html><body style="margin: 0;"><p style='color: #BC3529'>一行</p></body></html>` 
 
  build() { 
    Column() { 
      Scroll(){ 
        Web({ src: '', controller: this.controller }) 
          .width('100%') 
          .layoutMode(WebLayoutMode.FIT_CONTENT) 
          .onControllerAttached(()=>{ 
            this.controller.loadData(this.text,"text/html","UTF-8") 
          }) 
      } 
    } 
    .height('100%') 
  } 
}1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.

HarmonyOS

2024-11-06 11:51:29

947浏览

赞

收藏 0

回答 1

回答 1

按赞同

/

按时间

1、loaddata使用不同的参数会有不同的效果，如果参数不对可能会造成白屏现象。如果html中存在非法字符，例如css中的color："#333"，有"#“的时候会加载不了，需要使用文档中提供的加载本地资源的方法，后面两个参数要复制空格” “，” "。具体实现可参考loadData：https://developer.huawei.com/consumer/cn/doc/harmonyos-references/js-apis-webview-V5#loaddata

2、Scroll，可滚动的容器组件，当子组件的布局尺寸超过父组件的尺寸时，内容可以滚动。https://developer.huawei.com/consumer/cn/doc/harmonyos-references/ts-container-scroll-V5。建议将内容比较长的页面放在scroll中。

回复

2024-11-06 16:10:16

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

发布

相关问题

HarmonyOS WebView加载本地html文件的时候如何设置Cookie？

791浏览 • 1回复待解决

Flutter WebView加载本地html编译成ohos找不到路径的问题

1211浏览 • 1回复待解决

HarmonyOS webview如何加载沙箱html

1272浏览 • 1回复待解决

HarmonyOS webview组件如何加载html代码？

1173浏览 • 1回复待解决

Flutter的插件webview_flutter，在HarmonyOS应用中，无法加载本地Html文件

1545浏览 • 1回复待解决

HarmonyOS WebView 加载本地 Pdf，无法加载

635浏览 • 1回复待解决

HarmonyOS 本地html传参问题

1446浏览 • 1回复待解决

HarmonyOS 如何加载本地沙盒中的html

1095浏览 • 1回复待解决

HarmonyOS web加载的本地html需要前端路由

835浏览 • 1回复待解决

ets Web加载本地html文件，本地路径该怎么写

3819浏览 • 1回复待解决

HarmonyOS webviewController调用loadData函数加载本地html文件异常

765浏览 • 1回复待解决

HarmonyOS web组件内的html如何加载本地资源？

1735浏览 • 1回复待解决

如何使用Web组件加载本地的html文件？

1751浏览 • 1回复待解决

HarmonyOS webview加载html字符串不能完全显示

896浏览 • 1回复待解决

HarmonyOS webview加载html string一直闪退

841浏览 • 1回复待解决

HarmonyOS web加载本地沙箱HTML和JS文件无法显示

1798浏览 • 1回复待解决

HarmonyOS webview加载数据问题

834浏览 • 1回复待解决

HarmonyOS Web组件加载html字符串无法引用本地文件

986浏览 • 1回复待解决

HarmonyOS web加载本地html显示的为pc端网页效果

829浏览 • 1回复待解决

HarmonyOS webView加载本地H5资源页，cookie无法添加的问题

864浏览 • 1回复待解决

HarmonyOS Webview load本地资源的问题

505浏览 • 1回复待解决

HarmonyOS web组件如何使用html加载下载到设备本地的文件

858浏览 • 1回复待解决

HarmonyOS webview如何加载被gzip压缩后的html和js文件

702浏览 • 1回复待解决

HarmonyOS WebView组件打开rawfile内的HTML资源时，无法正常加载

684浏览 • 1回复待解决

#鸿蒙通关秘籍#如何在鸿蒙应用中加载本地HTML页面

1114浏览 • 1回复待解决

提问

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

相关讨论帖

HarmonyOs webview 加载本地html 6回复

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

HarmonyOS - JavaUI 框架之使用WebView加载本地H5页面 1回复

#过年不停更# 利用鸿蒙JavaUI 框架的 WebView 加载本地页面 0回复

利用鸿蒙JavaUI 框架的 WebView 加载本地冰墩墩网页 0回复

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