Estoy intentando cargar JQuery en mi extensión de Chrome y hacerlo igual a un objeto, pero me pregunto cómo haría esto. básicamente me gustaría algo como...
jQuery = loadLibraries("jquery-1.4.2.min.js");¿Cómo haría esto?
editar: estoy inyectando en el script de contenido.
Simplemente puede poner jquery.js en la carpeta de extensión e incluirlo en el manifiesto:
{ "name": "My extension", ... "content_scripts": [ { "matches": ["http://www.google.com/*"], "css": ["mystyles.css"], "js": ["jquery.js", "myscript.js"] } ], ... }No necesita preocuparse por los conflictos con jQuery en una página principal, ya que los scripts de contenido están en un espacio aislado.
Puede hacer esto desde un script en su HTML background_page:
chrome.browserAction.onClicked.addListener(function(tab) { chrome.tabs.executeScript(null, { file: "jquery.min.js" }, function() { chrome.tabs.executeScript(null, { file: "content_script.js" }); }); });Luego, en content_script.js haz lo que quieras:
$('#header').hide();Tenga en cuenta que incluso si la página en la que ha inyectado ya tiene jQuery cargado, todavía está accediendo a su propia instancia del objeto jQuery, que accede a la página a través del DOM. (documento).
"content_scripts": [ { "matches": ["http://*/*"], "js": ["jquery.min.js"] } ]