WEB白屏问题定位排查方法
·
权限及网络检查
- 确保应用(访问在线网页)已添加网络权限:ohos.permission.INTERNET
- 开启文件访问权限(本地资源加载):fileAccess、imageAccess、onlineImageAccess。
- 验证设备网络状态
页面内容验证
使用浏览器直接打开目标页面或者写一个最小化demo验证,确认页面本身无代码错误或资源缺失。
通过DevTools工具查看控制台报错信息,定位具体资源加载失败或跨域问题。
- 筛选 network 查看网络资源
- 连接上devtools后,勾选/取消缓存, 点击左上角的刷新按钮,重新加载页面
- 可以观察status字段,主要查看是否有可能导致排版异常的资源失败,比如js/css/image
- 查看控制台,观察是否有资源因 MixedContent 策略或者 CORS策略导致异常
在网页加载过程中,可能会遇到多种异常情况,开发者应根据不同回调的错误类型,这些回调主要用于监控和处理网页加载过程中的各类异常,包括协议不支持、HTTP 错误、认证失败、证书问题等。以下是对几个关键错误回调的说明及其处理建议:
1. onErrorReceive
- 触发条件:资源加载失败时触发。
- 典型场景:例如访问内核不支持的 URL scheme(如
abc://xxx
),会返回错误码-302
(UNKNOWN_URL_SCHEME)。 - 处理建议:检查 URL 是否合法,是否使用了不支持的协议类型。
2. onHttpErrorReceive
- 触发条件:服务器返回了 HTTP 错误码(如 404、500 等)。
- 典型场景:请求的资源不存在或服务器内部出错。
- 处理建议:需要与后端联调,确认接口是否正常、资源是否存在、服务器是否稳定。
3. onHttpAuthRequest
- 触发条件:服务器返回
407
状态码,表示需要代理认证,即端侧需提供用户名和密码。 - 典型场景:访问需要代理身份验证的资源。
- 处理建议:如未正确处理,可能导致页面加载失败或白屏。应在回调中提供正确的认证信息。
4. onClientAuthenticationRequest
- 触发条件:服务器向客户端请求证书(如双向 SSL 认证)。
- 典型场景:某些安全级别较高的系统(如银行、内网系统)会要求客户端提供证书。
- 处理建议:如未正确处理,会导致页面加载异常。应确保客户端证书配置正确,并在回调中返回合适的证书。
5. onSslErrorEvent
- 触发条件:SSL/TLS 证书验证失败。
- 典型场景:证书过期、域名不匹配、证书链不完整或自签名证书不被信任。
- 处理建议:需根据证书错误信息排查问题,确认是否为证书配置错误、过期,或是否需要忽略证书校验(开发环境常见)。
更多推荐
所有评论(0)