Question

我正试图在chorme扩展程序的“内容脚本”中使用google的ajax apis。在常规的html页面上，我会这样做：

<script src="http://www.google.com/jsapi"></script>
<script>
  google.load("language", "1");
</script>

但是因为我试图从js代码动态加载转换库，所以我尝试过：

script = document.createElement("script");  
script.src = "http://www.google.com/jsapi";  
script.type = "text/javascript";  
document.getElementsByTagName("head")[0].appendChild(script); 
google.load('language','1')

但最后一行会引发以下错误：

Uncaught TypeError: Object #<an Object> has no method 'load'

有趣的是，当我在chrome的js控制台中输入相同的“google.load('language','1')”时，它按预期工作......

我也试过jquery的.getScript()，但同样的问题仍然存在......

有没有人知道可能出现的问题以及如何解决问题？

非常感谢提前！

Answer 1

我的工作方式如下：

<script type="text/javascript">
    var headID = document.getElementsByTagName("head")[0];
    var newScript = document.createElement('script');
    newScript.type = 'text/javascript';
    newScript.src = 'http://www.google.com/jsapi';
    headID.appendChild(newScript);
</script>
<script type="text/javascript">
    google.load("language", "1");
</script>

它没有返回错误。

Answer 2

内容脚本只能访问自身或其他内容脚本的功能。由于您将google api加载程序添加到文档的脚本中，因此无法从内容脚本中调用它。 :)

如果您需要将apis加载到文档的脚本中，可以通过指定 autoload 参数来执行此操作： “https://www.google.com/jsapi?autoload=%7B%22modules%22%3A%5B%7B%22name%22%3A%22language%22%2C%22version%22%3A%221%22%7D%5D%7D”

http://code.google.com/apis/loader/autoloader-wizard.html

如何：动态加载谷歌ajax api到chrome扩展内容脚本

2 个答案: