title: Chrome Extensions and loading external Google APIs Uncaught ReferenceError
body: <p>Right now I'm in the process of creating a Chrome extension. For it, I need to use Google's Calendar Data API. Here is my manifest.json file:</p>
  
  <pre><code>{
  "name": "Test",
  "version": "1.0",
  "background_page": "background.html",
  "content_scripts": [
      {
      "matches": ["&lt;all_urls&gt;"],
      "js": ["jquery.js", "content_script.js"]
      }
  ],
  "permissions": [
      "tabs", "http://*/*"
  ]
  </code></pre>
  
  <p>}</p>
  
  <p>I've tried adding the following to the js part of the manifest file but that throws an error when loading the extension.</p>
  
  <pre><code>http://www.google.com/jsapi?key=keyhere
  </code></pre>
  
  <p>I've also tried adding</p>
  
  <pre><code>document.write('&lt;script type="text/javascript" src="http://www.google.com/jsapi?key=keyhere"&gt;&lt;/script&gt;');
  </code></pre>
  
  <p>to my background.html file. However, whenever I call</p>
  
  <pre><code>google.load("gdata", "1");
  </code></pre>
  
  <p>I get an error that says Uncaught ReferenceError: google is not defined. Why is my extension not loading this api when it loads the other ones fine?</p>