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

问题描述 投票:2回答:1

我们正在网站上实施“新” 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>

我没有找到有关如何管理此错误的任何文档,线程等。

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

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

javascript html google-api recaptcha
1个回答
1
投票
如果您只是想从用户的视图中隐藏此内容,则可以使用CSS:

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

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

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

© www.soinside.com 2019 - 2024. All rights reserved.