Question

我们正在网站中实施“新” Google reCaptcha v3，这本来应该是看不见的，但是，如果一切顺利，您将收到一个粘性徽章，以验证您的网站已受到此技术的保护。< / p>

那不是问题，因为Google provides information about how to hide it and the most important, if you could do it or not。

当用户尝试进入您的网站with an old browser时，问题就会出现，reCaptcha服务停止工作，并将此代码放置在您的网站末尾：

<div>
  <div>
    <noscript>Enable JavaScript to get a reCAPTCHA challenge.<br></noscript>
    <div class="if-js-enabled">Get a <a href="https://support.google.com/recaptcha/?hl=en#6223828">compatible browser</a>
to get a reCAPTCHA challenge.
    </div>
    <br>
    <br>
    <a href="https://support.google.com/recaptcha#6262736" target="_blank">Why do I have to do this?</a>
  </div>
</div>

我没有找到有关如何管理此错误的任何文档，主题等。

我只想管理此异常并以最简洁的方式隐藏这段代码。

还有其他人要面对这个错误吗？

Answer 1

如果您只是想从用户的视图中隐藏此内容，则可以使用CSS：

.if-js-enabled, .if-js-enabled ~ * {
    display: none;
}

（我会避免诱惑您告诉它停止支持旧版浏览器，并假设您有充分的理由这样做）?

编辑：或者，如果您不想依赖Google的类名保持不变（即使从理论上讲，对于给定的reCAPTCHA版本也应如此），则可以放置其他父div中的消息。假设它与徽章显示在同一位置，则可以内嵌呈现徽章（请参见this answer），并将CSS规则应用于分配给父div的某个自定义类。

如何管理Google reCaptcha v3中的错误消息（不可见）

1 个答案: