没有验证码 Recaptcha 不显示

No Captcha Recaptcha is Not Displaying

recaptcha

我正在按照 Google's Documentation 中的描述升级到 NoCaptcha reCaptcha。

我正在使用自动渲染方法。

<head>
    ...
    <script src="https://www.google.com/recaptcha/api.js" async defer></script>
    ...
</head>
<body>
    ...
    <div class='g-recaptcha' data-sitekey='PUBLIC_KEY'></div>
    ...
</body>

然而，它显示如下： Widget 应该存在的地方，它看起来像这样：它成功地 ping https://www.google.com/recaptcha/api.js 并下载 recaptcha__en.js。如果我使用示例中的延迟渲染，它会得到相同的结果。控制台没有报错，网络响应也没有错误。

iFrame 中确实生成了代码，只是不显示。如何使小部件正确显示？

我花了几天时间并使用 CSP 来解决这个问题，但结果发现其中一个样式表禁用了 iframe。

我在我的代码中发现它不再被使用。

iframe {
    height:0px;
    display:none;
}

虽然代码会写入框架并下载正确的 Javascript，但由于没有显示的 iFrame，因此没有地方可以写入验证码。