javascript - 无法在 Internet Explorer 10 上加载 Google Cloud Endpoints

标签 javascript internet-explorer google-app-engine internet-explorer-10 google-cloud-endpoints

我正在开发一个使用 Google JavaScript Client Library 的网站加载一些通过 Google Cloud Endpoints 公开的 API .端点是用 Python 开发的,但我不确定这是否是一个因素。在 Chrome、Firefox 和 Safari 中一切正常,但在 Internet Explorer 10 上出现此错误:

SCRIPT5007: Unable to get property 'value' of undefined or null reference 
proxy.html, line 7 character 51

我正在使用类似于 suggested by Google in their documentation 的代码加载客户端库:

<script type="text/javascript">
    Oversee.Init();
    function init() {
        console.log("starting to load endpoints");
        gapi.client.load("marketplace", "1", function() {
            console.log("finished loading endpoints");
        }, "//" + window.location.host + "/_ah/api");
    }
</script>
<script type="text/javascript" src="https://apis.google.com/js/client.js?onload=init"></script>

这会在控制台输出以下内容:

starting to load endpoints 
SCRIPT5007: Unable to get property 'value' of undefined or null reference 
proxy.html, line 7 character 51

请注意,永远不会输出“finished loading endpoints”这一行。

pretty-print 后,proxy.html 中的相关代码似乎是这样的,特别是 document.getElementById('root').value,如 document.getElementById(' root') 为 null 或未定义。

gapi.load('googleapis.proxy', {
    callback: function () {
        return window['googleapis']['server']['initWithPath']
            .call(this, document.getElementById('root').value);
    },
    config: {
        // snipped
    }
});

我注意到,如果我重新加载页面,api 会成功加载,并在控制台中输出以下内容:

starting to load endpoints 
finished loading endpoints 

当我使用本地开发服务器和使用托管在 Google App Engine 生产实例上的应用程序时,上述所有情况都会发生。

有没有人设法从 Internet Explorer 10 成功调用 Google Cloud Endpoints?如果是这样,我的代码中缺少什么?

编辑: Google's example Cloud Endpoints web app 也出现了这个问题.我在这里部署了它的副本:https://cloud-endpoints-demo.appspot.com , 在 Internet Explorer 10 上运行时出现同样的错误。

编辑 2: 我在这里创建了一个问题:https://code.google.com/p/googleappengine/issues/detail?id=10700

编辑 3: 问题也出现在 Google's TicTacToe example for cloud endpoints 中.我在这里部署了它的副本:https://cloud-endpoints-tictactoe.appspot.com ;与其他演示一样,它在 Chrome 和 Safari 上运行良好,但在 Internet Explorer 10 上以同样的方式失败。

编辑 4:我仔细查看了 Google 提供的 proxy.html。在导致错误的脚本标签下方,有一个正文,其中包含一个 ID 为“root”的文本区域:

<body>
    <textarea id="root" style="display:none">/_ah/api</textarea>
    <div id="lcsclient" style="position:absolute;left:-10000px;"></div>
</body>

因此,Google 似乎需要对 proxy.html 进行一些更改,以确保在 Internet Explorer 上执行 javascript 之前加载文档 - 我说得对吗?

最佳答案

我在为 IE 10 和 11 中的 Google 地球插件加载 Google API 时遇到了类似的问题。我们找到的唯一解决方案(除了 Google 修复此问题)是强制 IE 10 在 IE 9 模式下运行。每个版本的 IE 都包含以前主要版本的渲染引擎。您可以通过进入 IE 中的开发人员工具并设置您要使用的 IE 渲染引擎来手动测试它。

您可以通过在您的 html 文件中添加此元标记来强制 IE 在特定模式下呈现:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=9"/>

它必须是 HTML 文件中的第一个元标记,否则它将被 IE 忽略。此元标记将被其他浏览器忽略。然而,这将使您的整个页面使用 IE 9 引擎呈现,因此您确实会失去 IE 10 和 11 中存在的功能。如果您需要 IE 10 功能,则此解决方案将不适合您。如果 IE 9 兼容性是您要求的一部分,这可能是解决此问题的方法

This link has more info on the IE compatibility modes

关于javascript - 无法在 Internet Explorer 10 上加载 Google Cloud Endpoints,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22393741/

相关文章:

google-app-engine - 将 Google Datastore 备份从数据存储加载到 Google BigQuery

python - 谷歌云虚拟机 - 安装 openCV

javascript - 如何将对象键名与lodash匹配?

html - CSS-垂直对齐属性不起作用

javascript - HighCharts-ng 的 Angular JS 中的 setInterval 不起作用

html - <a> 标签内的图片和文字

javascript - IE 9、10、11 - Ajax 调用不返回

python - Google App Engine mysql 架构迁移

javascript - Google Maps API - 数组和 InfoWindows 的问题

javascript - Async.js 与 Gulp 变成错误 "Callback was already called"