Nicht funktionierende geladene JQuery-Datei in der content_script in Chrome-Erweiterung

Question

Ich bin neu in dieser Chrome-Erweiterung Plugin-Entwicklung. Ich entwickle ein neues neues Plugin mit dieser Chrome-Erweiterung.

Meine Forderung ist Last jquery.js in die Content-Skript-Datei, wenn es mit nicht-Datei js (Ex: Ich für jquery.js Datei bin Überprüfung, fancybox.js Datei und wenn es nicht vorhanden ist, diese Dateien laden .)

Wenn ich diese Logik im Inhaltsskript implementiere, lädt es die jquery.js Datei. Danach funktioniert es nicht mehr im Inhaltsskript. Es zeigt $ (oder) jQuery ist nicht definiert. Für jedes Mal, wenn es geladen wird, aber nicht im Inhaltsskript ausgeführt wird.

Hier ist der Code, den ich implementiert habe.

document.getElementById('someid').onclick = loadJs(); 

function loadJS() { 
if(tyof jQuery == undefined || tyof jQuery != 'function') 
    { 
var jqscript = document.createElement('script'); 
jqscript.type = 'text/javascript'; 
jqscript.async = true; 
// Src of the script 
jqscript.src = "......url to jquery.js file.............."; 

// Check whether script is loaded or not 
     jqscript.onload=function(){ 
      if ((!this.readyState || this.readyState == "loaded" || this.readyState == "complete")) { 
        console.log("Script loaded - "); 
            // It is showing error here 
             alert(typeof jQuery); 

      } 
     }; 

// Get the document header 
var head = document.getElementsByTagName('head')[0]; 
// Add script to header - otherwise IE complains 
head.appendChild(jqscript); 

} 
} 

Bitte schlagen Sie dies vor.

Danke.

Answer 1

Chrome-Erweiterungen haben keinen Zugriff auf die Skripts, die die Webseite lädt und verwendet.

Google nennt diese isolierten Welten:

http://code.google.com/chrome/extensions/content_scripts.html

Sie können nicht ...

Verwenden Variablen oder Funktionen, die durch ihre Erweiterung der Seiten

Verwenden Variablen oder Funktionen von Web definiert Seiten oder durch andere Inhaltsskripte

Es ist also egal, welche Skripte es gibt. Was zählt, ist, dass Sie die Skripte, die Sie brauchen in Ihrem Manifest enthalten:

"content_scripts": ['jquery.js', 'myScript.js', 'optionsScript.js'], 

Die Reihenfolge der Listen Angelegenheiten also, wenn Ihr Skript jquery verwendet dann sollte jquery.js es vorangehen.