Recaptcha (v2) не появляется, пока я не перезагружаю страницу с открытым элементом inspect - PullRequest
Новая
       9

Recaptcha (v2) не появляется, пока я не перезагружаю страницу с открытым элементом inspect

0 голосов
/ 21 мая 2018

Я реализовал recaptcha v2 для страницы входа в систему, основываясь на официальной документации.Я вставил скрипт до конца тега head и добавил в форму div recaptcha.Код похож на этот: 

 ...
   <script src='https://www.google.com/recaptcha/api.js'></script>

</head>

<body ng-app="myApp" ng-controller="main">
....


<div  class="g-recaptcha" data-sitekey="mykey"></div>

</form>

Когда я открываю страницу входа в систему, там есть место, где должна быть капча, но капчи там нет (видно).Если я открываю инспектор элементов в Chrome и после этого перезагружаю страницу, появляется капча.Сравнивая страницы с инспектором элементов до и после перезагрузки, вот что я получаю до перезагрузки: 

 <div class="row text-center captcha_row"> 
     <div class="col-sm-12"> 
         <div class="form-group"> 
             <div class="g-recaptcha" data-sitekey="mykey"></div> 
         </div> 
    </div> 
</div>

После перезагрузки это выглядит так: 

<div class="row text-center captcha_row"> 
    <div class="col-sm-12"> 
        <div class="form-group"> 
        <div class="g-recaptcha" data-sitekey="mykey">
            <div style="width: 304px; height: 78px;">
                <div>
                    <iframe src="https://www.google.com/recaptcha/api2/anchor?ar=1&amp;k=mykey..." width="304" height="78" role="presentation" frameborder="0" scrolling="no" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox">
                         #document...
                    </iframe>
                </div>
                <textarea id="g-recaptcha-response" name="g-recaptcha-response" class="g-recaptcha-response" style="width: 250px; height: 40px; border: 1px solid #c1c1c1; margin: 10px 25px; padding: 0px; resize: none; display: none; ">
                </textarea>
            </div>
         </div> 
         </div> 
    </div> 
</div>

Списокзапросов, выполненных в обоих случаях, тоже не совпадают.

Я уверен, что ключ правильный.Я не знаю, что еще проверить.Тесты были сделаны с Google Chrome.В разделе консоли я не вижу ошибок.

...