Ich habe versucht, eine Art zu bauenHallo Welt Projekt mit Google + SignIn. Ich folgte dem Tutorial umhttps://developers.google.com/+/web/signin/, wobei mein (auszugsweise) Code ist:

...
<script>
        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'] + "'");
              }
            }
        </script>
...
<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>
...

Wenn ich den Code in Google Chrome (Version 29.0.1547.18 dev-m) ausführe, wird folgender Fehler angezeigt:

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.

Der Code in meiner signinCallback-Funktion wird beim ersten Laden der Seite aufgerufen, wird jedoch nicht ausgeführt, wenn die Schaltfläche zum Anmelden verwendet wird. Der Code wird erst ausgeführt, wenn die Seite erneut geladen wird.

Dieses Problem tritt jedoch in Firefox nicht auf, sodass es sich anscheinend um einen Fehler handelt, der auf Chrome beschränkt ist. Ich habe noch keine anderen Browser getestet.

Gibt es überhaupt eine Möglichkeit, dieses Problem zu lösen?

Vielen Dank!