Extensions Chrome et chargement des API Google externes Uncaught ReferenceError

Question

Actuellement, je suis en train de créer une extension Chrome. Pour cela, j'ai besoin d'utiliser l'API Data Calendar de Google. Voici mon fichier manifest.json:

{ 
"name": "Test", 
"version": "1.0", 
"background_page": "background.html", 
"content_scripts": [ 
    { 
    "matches": ["<all_urls>"], 
    "js": ["jquery.js", "content_script.js"] 
    } 
], 
"permissions": [ 
    "tabs", "http://*/*" 
] 

}

J'ai essayé d'ajouter ce qui suit à la partie js du fichier manifeste, mais qui jette une erreur lors du chargement de l'extension.

http://www.google.com/jsapi?key=keyhere 

J'ai aussi essayé d'ajouter

document.write('<script type="text/javascript" src="http://www.google.com/jsapi?key=keyhere"></script>'); 

à mon dossier background.html. Cependant, chaque fois que j'appelle

google.load("gdata", "1"); 

Je reçois une erreur qui indique Uncaught ReferenceError: google n'est pas défini. Pourquoi mon extension ne charge-t-elle pas cette API quand elle charge les autres?

Answer 1

Vous ne pouvez pas inclure de script externe dans content_scripts.

Si vous voulez injecter étiquette <script> utilisant document.write alors vous devez masquer slash dans une balise de fermeture:

document.write('...<\/script>'); 

Vous pouvez inclure vos api externes js dans la page de fond comme d'habitude bien:

<script type="text/javascript" src="http://www.google.com/jsapi?key=keyhere"></script> 

Si vous avez besoin de cette API dans les scripts de contenu, vous pouvez envoyer une requête à votre page d'arrière-plan et lui demander de faire des tâches dépendantes de l'API, puis renvoyer un résultat à votre script de contenu.

Answer 2

Merci pour ce lien, cela m'a beaucoup aidé. Cependant, maintenant j'ai rencontré un autre problème intéressant.

for (var i = rangeArray.length - 1; i >= 0; i--) { 
    var myLink = document.createElement('a'); 
    myLink.setAttribute('onclick','helloThere();'); 
    myLink.innerText ="GO"; 
    rangeArray[i].insertNode(myLink); 
} 

Maintenant je l'erreur, « helloThere n'est pas défini », même si je posai cette fonction une dizaine de lignes au-dessus de la fonction actuelle qui a la boucle au-dessus dans le même fichier. Pourquoi cela pourrait-il se produire? Et si je fais:

for (var i = rangeArray.length - 1; i >= 0; i--) { 
    var myLink = document.createElement('a'); 
    myLink.setAttribute('onclick','chrome.extension.sendRequest({greeting: "hello"}, function(response) { });'); 
    myLink.innerText ="GO"; 
    rangeArray[i].insertNode(myLink); 
} 

Je reçois TypeError Uncaught: Impossible d'appeler la méthode « sendRequest » undefined

Answer 3

Ceci est parce qu'il ya une erreur de syntaxe dans votre code. J'ai eu le même problème. J'ai ouvert ma page background.html dans fire fox avec le plug-in fire-bug activé. Fire-bug console devrait moi l'erreur, j'ai corrigé et cela fonctionne maintenant.