Google oauth2 javascript 客户端在 IE 9 中不起作用答案

【问题标题】：Google oauth2 javascript client not working in IE 9Google oauth2 javascript 客户端在 IE 9 中不起作用
【发布时间】：2013-01-11 19:40:27
【问题描述】：

虽然以下代码使用 Chrome 可以正常工作（显示一个弹出窗口，请求用户允许访问地图和位置数据），但 IE 9 会打开弹出表单，但它是空的；调用 handleAuthClick 方法时。我试过添加 setTimeouts 但没有效果。我确保允许弹出窗口，并检查了在 Chrome 和 IE 中相同的弹出页面 url。有没有人遇到过这个问题？或者有人可以提供解决方法吗？

var clientId = '############.apps.googleusercontent.com';
var apiKey = '#A#A#A#A##';
var scopes = 'https://www.googleapis.com/auth/plus.me';

function handleClientLoad() {
    gapi.client.setApiKey(apiKey);
    window.setTimeout(checkAuth, 1);
}

function checkAuth() {
    gapi.auth.authorize({ client_id: clientId, scope: scopes, immediate: true }, handleAuthResult);
}

function handleAuthResult(authResult) {
    if (authResult && !authResult.error) {
        makeApiCall();
    } else {
    }
}

function handleAuthClick(event) {
    try {
        window.setTimeout(function () {
            gapi.auth.authorize({ client_id: clientId, scope: scopes, immediate: false }, handleAuthResult);
        }, 10);
    } catch (e) { alert(e.message); }
}
function makeApiCall() {
    gapi.client.load('plus', 'v1', function () {
        var request = gapi.client.plus.people.get({
            'userId': 'me'
        });
        request.execute(function (resp) {
            $(".google-signin").find("img").attr('src', resp.image.url).css('height', '32').css('width', '32');
            $("#login-msg").text('Welcome: ' + resp.displayName);
            $("img.vote").css('visibility', 'visible');

        });
    });
}

【问题讨论】：

标签： javascript internet-explorer oauth-2.0 google-oauth

【解决方案1】：

最终解决此问题的方法是将 setTimeout 持续时间从 10 增加到 1000。Google 授权弹出窗口显示了正确的登录信息，而不是空白屏幕。

【讨论】：

我有同样的问题，但这个解决方案没有帮助。我仍然收到空白弹出窗口而不是真实信息...
是否启用了弹出窗口？（可惜谷歌没有提供任何解决方案）。
是的。浏览器中允许弹出窗口。显示弹出窗口，但内容为空白。
同样的事情...我在 IE 11 中弹出空白窗口

【解决方案2】：

客户端 Web 应用程序和 Google 之间的跨域脚本可能被区域安全性阻止。

请确保 google.com 和运行脚本的网页位于同一安全区域（通常是 Internet 区域）。如果您不确定，请参阅 serverfault#612903 https://serverfault.com/questions/612903/ie11-how-to-check-into-which-zone-a-url-falls

还要确保将 Web 应用程序和 Google 分类的区域配置为允许执行脚本，并确保 google.com 允许第三方 cookie 访问，因为这用于检查授权。

【讨论】：

感谢您的彻底回复 - +1。原来谷歌取消了需要OAuth的功能，所以这个问题就无言了，

【解决方案3】：

请注意，您使用的 maps/feeds 范围适用于已弃用的 Google Maps Data API，它与 Places API 不同

关于您的实际问题，我正在重新标记以将 Places API 替换为 Plus API，因为这是您在此处使用的。

【讨论】：

我已经删除了除google+之外的所有范围，但IE（8/9）仍然不合作。