Webfont Loader & Google JSAPI 不能一起加载？答案

【问题标题】：Webfont Loader & Google JSAPI Cannot load together?Webfont Loader & Google JSAPI 不能一起加载？
【发布时间】：2013-01-08 10:47:20
【问题描述】：

我不知道为什么，虽然遇到了类似的问题。

尝试使用 webfontloader 从 fonts.com 加载字体，以便在加载函数后调用它们。

<script src="https://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js"></script>
<script>
   WebFont.load({
      monotype: {
        projectId: 'xxxxxxxxxxxxxxxxxxxx'
      },
      active: function() {
         mainNav();
      }
   });

但是当我将它包含在 jsapi 中时

<script src="https://www.google.com/jsapi"></script>

我在控制台中遇到以下问题：未捕获的 TypeError：无法调用 null 的方法“hasAttribute”

但如果单独加载，它们很好......

有什么想法吗？

【问题讨论】：

标签： google-api google-webfonts jsapi webfont-loader

【解决方案1】：

尝试使用以下 url 加载 webfonts api：

<script src="//ajax.googleapis.com/ajax/libs/webfont/1.1.2/webfont.js"></script>

查看以下帖子了解更多详情：https://groups.google.com/forum/#!msg/google-ajax-search-api/dWVzQF_YWCM/Y3-R738wh78J

我们不再支持新版本的部分版本别名图书馆。任何已经存在的部分版本别名将继续得到支持和更新。原因是 URL 喜欢 https://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js 这就是说“给我最新版本的jquery 1.x.x）有缓存生命周期非常短，因为最新版本可能会在随时。这对性能不利。这对您的网络也不利网站，如果图书馆对其 API 进行重大更改在导致您的页面突然呈现不同的版本之间。图书馆通常不会故意进行此类更改，但页面有时取决于 API 的未指定极端情况的行为可能会因图书馆而有意或无意地更改更新了。

因此我们强烈建议您指定完整的版本字符串引用托管在 Google AJAX API 上的库时。你可以总能在以下位置找到最新版本 https://developers.google.com/speed/libraries/devguide。在这种情况下，最新的 1.9.x 版本目前是 1.9.1，所以我们建议使用网址 https://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js 以获得稳定的版本和更好的缓存。

（另外，您上面的示例没有结束 </script> 标记。只是想验证这在您自己的代码中不存在）。

【讨论】：