如何在腳本中集成第三方JavaScript庫

Question

對於我正在編寫的腳本，我需要使用包含3個JavaScript文件的第三方JavaScript庫。由於@require在Chrome上不起作用，我如何將多個外部JavaScript庫添加到用戶腳本中？我正在考慮所有可能性，然後再選擇一個。

我知道你可以使用this方法添加jQuery。我親自使用過。是否有可能使用這種解決方法添加其他庫？

Answer 1

function requireFiles(jsLibs, callback) 
{ 
    //array to hold the external libabry paths 
    var jsLibs = new Array(); 
    jsLibs[0] = "http://code.jquery.com/jquery-1.7.1.min.js" 
    jsLibs[1] = "https://raw.github.com/gildas-lormeau/zip.js/master/WebContent/zip.js" 
    jsLibs[2] = "https://raw.github.com/gildas-lormeau/zip.js/master/WebContent/deflate.js" 
    jsLibs[3] = "https://raw.github.com/gildas-lormeau/zip.js/master/WebContent/inflate.js" 

    var index = 0; 
    var requireNext = function() 
    { 
     var script = document.createElement("script"); 
     if (index < jsLibs.length) 
     { 
      script.addEventListener("load", requireNext, false); 
      script.setAttribute("src", jsLibs[index++]); 
     } 
     else 
     { 
      script.textContent = "(" + callback.toString() + ")()"; 
     } 
     document.body.appendChild(script); 
    } 
    requireNext(); 
} 


function otherCode() 
{ 
    //rest of the script 
} 

requireFiles(otherCode); 

Answer 2

嘗試將按照您的userscript功能，

/** 
* Dynamically loading javascript files. 
* 
* @param filename url of the file 
* @param callback callback function, called when file is downloaded and ready 
*/ 
function loadjscssfile(filename, callback) { 
    var fileref = document.createElement('script') 
    fileref.setAttribute("type", "text/javascript") 
    fileref.setAttribute("src", filename) 
    if (fileref.readyState) { 
     fileref.onreadystatechange = function() { /*IE*/ 
      if (fileref.readyState == "loaded" || fileref.readyState == "complete") { 
       fileref.onreadystatechange = null; 
       callback(); 
      } 
     } 
    } else { 
     fileref.onload = function() { /*Other browsers*/ 
      callback(); 
     } 
    } 

    // Try to find the head, otherwise default to the documentElement 
    if (typeof fileref != "undefined") 
     (document.getElementsByTagName("head")[0] || document.documentElement).appendChild(fileref) 
} 

由於文件異步加載和文件的加載順序是沒有保證的，比 多個外部文件，調用這個函數在chined功能，例如

loadjscssfile("http://code.jquery.com/jquery-1.6.3.min.js", function() { 
    loadjscssfile("http://www.abc.org./script/otherFile.js", function() { 
     // call your function that depends on the external libriries here. 
    }); 
}); 

根據需要鏈接儘可能多的exeternal文件，加載文件的順序將被正確保存。希望這可以幫助，所有最好的

Answer 3

雖然其他答案也會工作，我需要更多的靈活性。這裏是我想出的版本：http://userscripts.org/scripts/show/123588