Я пытался построить своего родаПривет, мир проект с использованием Google + SignIn. Я следовал за учебником вhttps://developers.google.com/+/web/signin/с моим (выдержанным) кодом:

...

        function signinCallback(authResult) {
        //location.reload();
        //var x = 0
        //while(x=0){
            if (authResult['access_token']) {
                // Successfully authorized
                 // Hide the sign-in button now that the user is authorized, for example:
                 document.getElementById('signinButton').setAttribute('style', 'display: none');
                //document.getElementById("secret").innerHTML = ("<a href="secret.html"><p>Non-Conspicuous Link to Super Secret Page</p></a>");
                //alert("IT WORKED");
                document.getElementById("secret").innerHTML=("Non-Conspicuous Link to Super Secret Page");
                document.getElementById("game").innerHTML=("Non-Conspicuous Link to Super Secret Game Page");
                document.getElementById('refresh').setAttribute('style', 'display: none');
                //alert("Please Refresh");
                 } else if (authResult['error']) {
                 // There was an error.
                 // Possible error codes:
                 //   "access_denied" - User denied access to your app
                 //   "immediate_failed" - Could not automatically log in the user
                 console.log('AuthERROR: ' + authResult['error']);
                //alert("ERROR: A team of poorly trained robots has been dispatched to handle the situation. If they arive, tell them '" + authResult['error'] + "'");
              }
            }
        
...
<span id="signinButton">
        <span class="g-signin" data-callback="signinCallback" data-clientid="CLIENT ID" data-cookiepolicy="single_host_origin" data-requestvisibleactions="http://schemas.google.com/AddActivity" data-scope="https://www.googleapis.com/auth/plus.login" data-width="wide" data-theme="light">
        </span>
...
<a href="secret.html"><p id="secret"></p></a>
...
</span>

Когда я запускаю код в Google Chrome (версия 29.0.1547.18 dev-m), я получаю эту ошибку:

Blocked a frame with origin "https://accounts.google.com" from accessing a frame with origin "https://apis.google.com". Protocols, domains, and ports must match.

Код в моей функции signinCallback вызывается на страницес первой загрузки, но нене запускается, когда кнопка используется для входа. Код невыполняется до тех пор, пока страница не будет перезагружена.

Тем не менее, эта проблема не возникает в Firefox, поэтому, похоже, это ошибка, изолированная для Chrome. Я еще не тестировал другие браузеры.

Есть ли способ решить эту проблему?

Спасибо!