HarmonyOS 鸿蒙Next web组件黑屏

发布于 1周前 作者 nodeper 来自 鸿蒙OS

HarmonyOS 鸿蒙Next web组件黑屏

刚打开时正常背景色,加载过程中出现黑块,最后全屏都是黑色,应该怎么解决啊

7 回复
我用的Api12 也出现了 Web 组件黑色问题

楼主您好,该问题需要demo代码进行分析,建议通过在线提单提交问题。

支持 - 在线提单 - 华为开发者联盟 (huawei.com)

[@Entry](/user/Entry)
[@Component](/user/Component)
struct WebViewPage {
[@State](/user/State) weburl: string = 'https://res.httoutiao.com/yunjiaohui/3D/3Dz.html?from=app&product_id=25302&token=c7ad50cdc26f0e02e9acc068201e9117&platform=1&from=app&form=app&s=1719622021645'
title: string = ''
webviewController: WebviewController = new webview.WebviewController()

build() {
Column() {
// TitleBarView({ title: this.title })
Web({ src: this.weburl, controller: this.webviewController ,renderMode:RenderMode.SYNC_RENDER})
.enableNativeEmbedMode(true)
.multiWindowAccess(false)
.width('100%')
.layoutWeight(1)
.zoomAccess(false)//不允许手动缩放
.geolocationAccess(false)//不获取地理位置
.overviewModeAccess(true)//是否使用概览模式
.mixedMode(MixedMode.All)
.verticalScrollBarAccess(false)//是否显示纵向进拖动条
.horizontalScrollBarAccess(false)//是否显示横向拖动条
.domStorageAccess(true)

}
}

onPageShow() {

}

onBackPress() {
router.back()
}
}

不是每次都会黑屏,大概率的会黑

API 9有这问题,可以参考我的解决方案

https://developer.huawei.com/consumer/cn/blog/topic/03147442746907029

或者先不理会,因为API 11之后就没这问题了

我的是API 12 设置renderMode:RenderMode.SYNC_RENDER这个也不行

写个demo吧,我看看我这边能不能复现。

HarmonyOS 鸿蒙Next web组件黑屏可能是由多种原因引起的,包括网络问题、资源加载失败、CSS样式冲突或页面渲染性能不佳等。首先,请检查网络连接和服务器响应。其次,确保资源文件路径正确且文件格式支持。优化页面渲染性能,如使用懒加载和代码拆分。同时,检查CSS样式是否有覆盖全屏的样式设置。如果问题依旧无法解决,请尝试使用开发者工具调试或查看错误日志。如果问题依旧没法解决请加我微信,我的微信是itying888。

回到顶部