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

如何解决webview loaddata白屏问题

loaddata 使用不同的参数会有不同的效果，如果参数不对可能会造成白屏现象

HarmonyOS
e_lion
2024-05-20 20:16:20
浏览
赞
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
elucky
elucky

如果html中存在非法字符  例如 css 中的 color：#333  有“#”的时候会加载不了

需要使用文档中提供的加载本地资源的方法，后面两个参数要复制空格 “ ”，“ ”

参考代码：

// xxx.ets 
import web_webview from '@ohos.web.webview'; 
import business_error from '@ohos.base'; 
  
@Entry 
@Component 
struct WebComponent { 
controller: web_webview.WebviewController = new web_webview.WebviewController(); 
updataContent: string = '<body><div><image src=resource://rawfile/xxx.png alt="image -- end" width="500" height="250"></image></div></body>' 
  
build() { 
Column() { 
Button('loadData') 
.onClick(() => { 
try { 
this.controller.loadData(this.updataContent, "text/html", "UTF-8", " ", " "); 
} catch (error) { 
let e: business_error.BusinessError = error as business_error.BusinessError; 
console.error(`ErrorCode: ${e.code}, Message: ${e.message}`); 
} 
}) 
Web({ src: 'www.example.com', controller: this.controller }) 
} 
} 
}
分享
微博
QQ
微信
回复
2024-05-21 15:38:52
如何写精华回答，获更多曝光？
发布
相关问题
如何解决webview离线加载白屏问题
420浏览 • 1回复 待解决
loadData加载h5字符串，如何解决onUrlLoadIntercept不触发问题？
414浏览 • 1回复 待解决
this传递问题，该如何解决？
724浏览 • 1回复 待解决
HarmonyOS如何解决数据存储问题？
7613浏览 • 3回复 已解决
如何解决预览流黑屏的问题
356浏览 • 1回复 待解决
如何解决module相互依赖问题
456浏览 • 1回复 待解决
如何解决文件的中文乱码问题
939浏览 • 1回复 待解决
如何解决底层库无法调试的问题？
392浏览 • 1回复 待解决
Web组件加载某个页面，出现白屏、页面显示不出来，如何解决和定位
700浏览 • 1回复 待解决
如何解决webview调试用每次都需要寻找进程号
434浏览 • 1回复 待解决
如何解决报错code:9568329和code:9568320问题
215浏览 • 1回复 待解决
如何解决hdc无法连接真机的问题
402浏览 • 1回复 待解决
如何解决MD5加密中遇到的问题
140浏览 • 1回复 待解决
如何解决不同模块之间相互依赖的问题
600浏览 • 1回复 待解决
如何解决Hi3861烧录问题 Failed to load or write images to flash
10107浏览 • 2回复 待解决
如何解决Hi3516烧录问题 Failed to load or write images to flash
11386浏览 • 3回复 待解决
http请求报错2300006如何解决
749浏览 • 1回复 待解决
获取UIContext报错1300002如何解决
569浏览 • 1回复 待解决
鸿蒙应用向安卓应用传递文件时如何解决权限问题 ?
1734浏览 • 1回复 待解决
Image组件用PNG格式会出现锯齿问题，该如何解决
744浏览 • 1回复 待解决
webview中跨域问题解决方案
485浏览 • 1回复 待解决
IDE构建项目失败，该如何解决？
203浏览 • 1回复 待解决
如何解决首次打开APP偶现状态栏高度获取过高的问题
176浏览 • 1回复 待解决
xml解析库能力，但是xml转json的也存在问题，如何解决。
309浏览 • 1回复 待解决
如何解决mac的hdc命令无法使用问题（非环境变量因素）
432浏览 • 0回复 待解决
提问
该提问已有0人参与 ，帮助了0人
相关讨论帖
在java总如何解决传参乱码问题 0回复
如何解决DC电源模块的电源噪声问题 0回复
HarmonyOS应用框架如何解决多设备交互问题？ 0回复
Spring Boot 如何解决多个定时任务阻塞问题？ 0回复
树莓派3.5英寸屏幕安装显示驱动，解决白屏问题 0回复