现象描述:
在公司内部的一个项目上线后,进行测试验证时,发现在Android手机上的微信的内置浏览器中会出现页面空白的现象。
![](https://i-blog.csdnimg.cn/blog_migrate/7f37512f3ab50818edb7c56481ee6de6.png)
定位过程:
1、出现页面空白后,第一个反应是PC页面判断跳转移动端的逻辑脚本有错误 经过直接通过微信访问移动端页面仍然为空白,排除以上可能性。
2、怀疑Android内置X5浏览器兼容性问题,本地写了一个小测试样式的页面进行测试,发现并没有发现问题。
3、怀疑页面请求问题,使用代理工具监控请求发现https请求正常,页面内容获取因为是https不能确认。
4、后续怀疑https环境有问题。因为使用了WAF配置,本地修改域名直接指向源站地址,进行测试发现页面打开正常,于是确认https转发WAF配置存在问题。
解决方法:
确认为WAF配置问题后,查找相关的配置指导。
在阿里云给出的配置指南中获得相应信息,并进行对应测试后解决。
1、配置WAF https时,证书需要上传服务器证书、CA证书,再是私钥部分。之前是漏传了CA证书部分,引发了部分环境因为缺乏证书链下https识别有问题。
阿里云问题反馈指导链接:https://help.aliyun.com/document_detail/50239.html
2、配置WAF https后,应该进行测试验证。
可以借助网上的第三方检测工具来检查当前的证书链是否完整:如https://www.geocerts.com/ssl_checker。注意:这种方式只能检测当前解析到的域名状态,比如您已经将解析回源而没有解析到WAF,是无法检测WAF上的证书状态的。