iOS端Swift使用Firebase手机号认证：reCAPTCHA验证后页面空白

我之前也碰到过一模一样的情况，验证完reCAPTCHA页面直接一片空白，排查了好久才找到问题。咱们从几个常见方向入手排查：

• 先查前端控制台的报错
  按下F12打开开发者工具，切到Console标签页看看有没有红色的JS错误。大概率是验证成功后的回调函数出问题了——比如你写的onSubmit回调里有未捕获的异常，或者DOM操作的时候找不到元素，直接导致页面渲染中断。举个例子，如果回调里想跳转到某个页面但路径写错了，或者想修改DOM但元素不存在，都可能让页面变成空白。

• 检查后端的验证逻辑
  很多时候空白是后端搞的鬼：比如后端调用Google的reCAPTCHA验证接口时被服务器防火墙拦截了，返回了空响应；或者验证通过后后端没正确输出页面内容/跳转指令，反而输出了空字符串。你可以直接用Postman或者curl模拟发送reCAPTCHA的token到后端接口，看看返回的内容是不是符合预期——如果返回空或者500错误，那后端逻辑肯定要调整。

• 排查内容安全策略（CSP）限制
  要是你的页面设置了严格的CSP，可能会阻止reCAPTCHA相关的资源加载，或者拦截验证成功后的回调执行。去Network标签页看看有没有资源加载失败，或者Console里有没有CSP相关的警告/错误。记得在CSP规则里允许https://www.google.com/recaptcha/和https://www.gstatic.com/recaptcha/的资源，不然reCAPTCHA的脚本跑不起来，验证完自然没法触发后续流程。

• 确认reCAPTCHA的配置正确性
  先去Google reCAPTCHA控制台核对一下：站点密钥和密钥对是不是匹配？当前域名有没有添加到允许列表里？用的是v2还是v3版本？比如v3需要处理验证分数，要是你没判断分数直接走流程，可能会因为分数过低被拦截但没给出提示；v2的话要确保回调函数正确绑定到了验证按钮上，别写错了函数名。

• 剥离reCAPTCHA测试基础流程
  先把reCAPTCHA的代码注释掉，跑一遍原本的提交流程看看。如果没reCAPTCHA的时候页面能正常跳转/显示内容，那问题肯定出在reCAPTCHA的集成上；要是还是空白，那就是你原本的页面逻辑有bug，和reCAPTCHA无关，得先把基础流程修通。

附上你提供的截图：

内容的提问来源于stack exchange，提问作者T.Nhan