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

How to manage the error message in Google reCaptcha v3 ( invisible )

我们正在我们的网站上实施 "new" Google reCaptcha v3 应该是不可见的,但是,如果您的实施一切正常,您将收到一个粘性徽章,用于验证您的网站受此技术保护。

那个不是问题,因为 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>

我没有找到任何关于如何处理这个错误的文档、线程等。

我只想管理这个异常并以最干净的方式隐藏这段代码。

还有其他人遇到过这个错误吗?

如果您只是想从用户的角度隐藏此内容,您可以使用 CSS:

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

(我会避免告诉您停止支持旧浏览器并假设您有充分理由这样做的诱惑)

编辑: 或者,如果您不想依赖 Google 中的 class 名称保持不变(即使它们应该在给定版本的 reCAPTCHA 的理论),您可以将消息放在其他父 div 中。假设它与徽章显示在同一位置,您可以内联渲染徽章(请参阅 this answer)并将 CSS 规则应用于您分配给父 [=] 的某些自定义 class 24=].