Question

我正在尝试在我的项目中实现reCaptcha，但我遇到了一些问题。

每当我使用Chrome浏览器访问带有reCaptcha的网站时，我会得到一个奇怪的界面，要求我填写一些（非常）难以识别的随机字母，当我最终得到它们时，我得到一些非常长的代码，我应粘贴到第二个输入。

现在，如果我从Internet Explorer浏览同一个网站，我会得到这个很酷的复选框，没有任何字母，一切正常。

来自Google的网址缩短程序（Chrome）的示例：

同样，在Internet Explorer上：

导致此行为的原因是什么？

Answer 1

我猜你有自动渲染你的reCaptcha而不是显式渲染它。

如果你想要一致性，尝试显式渲染reCaptcha并将grecaptcha.render参数'type'设置为'image'

<html>

<head>
  <title>reCAPTCHA demo: Explicit render after an onload callback</title>
  <script type="text/javascript">
    var onloadCallback = function() {
      grecaptcha.render('html_element', {
        'sitekey': 'your_site_key',
        'type': 'image'
      });
    };
  </script>
</head>

<body>
  <form action="?" method="POST">
    <div id="html_element"></div>
    <br>
    <input type="submit" value="Submit">
  </form>
  <script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit" async defer></script>
</body>

</html>

Answer 2

啊，发现问题，现在觉得有点傻。

在使用Fiddler在Chrome和Internet Explorer上检查和比较我的网页流量时，我发现了一些差异，我追溯到这个讨厌的Chrome扩展名为＆＃39; Disconnect＆＃39 ;.删除它，解决了我的问题。

无论如何，感谢帮助人员。

Recaptcha渲染不清楚

2 个答案: