Chargement de JQuery dans une extension Chrome?

Je suis une tentative de chargement de JQuery dans mon extension Chrome et de la rendre égale à un objet, mais je me demande comment pourrais-je aller à ce sujet? fondamentalement, je voudrais quelque chose comme...

jQuery = loadLibraries("jquery-1.4.2.min.js");

Comment puis-je faire?

edit: je suis d'injecter dans le contenu du script.

  • Injecter où - dans le contenu du script ou de l'arrière-plan de la page?
  • Je suis d'injecter dans le contenu du script
  • Si vous êtes ici à la recherche de comment ajouter jQuery pour un pop-up d'extension (comme je l'ai été), voir à cette question: stackoverflow.com/questions/12035242/...
InformationsquelleAutor Skizit | 2011-02-09
  1. 50

    Vous pouvez simplement mettre jquery.js dans l'extension du dossier et de l'inclure dans le manifeste:

    {
  "name": "My extension",
  ...
  "content_scripts": [
    {
      "matches": ["http://www.google.com/*"],
      "css": ["mystyles.css"],
      "js": ["jquery.js", "myscript.js"]
    }
  ],
  ...
}

    Vous n'avez pas besoin de s'inquiéter à propos des conflits avec jQuery sur une page parent comme des scripts de contenu sont en bac à sable.

    • mais que faire si je veux la suite.. _$ = function(selector,context){ return new jQuery.fn.init(selector,context||document); }; et joindre les auditeurs à l' _$ objet? Aussi, qu'est-ce que le 'correspond à' param vous êtes l'allaitement de là à faire?
    • Bien faire avec jQuery tout ce que vous voulez, exactement comme sur une page normale. Je ne suis pas entièrement comprendre ce que vous essayez de faire. Vous pouvez lire le contenu des scripts ici, en réponse à votre manifeste questions: code.google.com/chrome/extensions/dev/content_scripts.html
    • J'ai "Échec du chargement de l'extension à partir de: ~/work/ba/chromeExtensions/buyamerica n'a pas Pu charger le javascript 'jquery-2.1.3.min.js" pour le contenu d'un script." mais le fichier est là
    • J'ai eu la même erreur @EliaWeiss. Avez-vous fixé ?
    • Je ne me souviens pas exactement, mais en regardant le code, je peux voir que je n'ai <script type="text/javascript" src="jquery.js"></script> dans le code html
    • ceci est mon manifeste: { "manifest_version": 2, "name": "BuyAmerica", "version": "1.0", "background": { "scripts": ["jquery.js","background.js"] }, "content_scripts": [{ "matches": ["<all_urls>"], "js": ["jquery.js","content.js"] }], "page_action": { "default_title": "BuyAmerica", "default_popup": "popup.html" }, "permissions": [ "activeTab", "storage" ] }

    InformationsquelleAutor serg
  2. 11

    Vous pouvez le faire à partir d'un script dans votre background_page HTML:

    chrome.browserAction.onClicked.addListener(function(tab) {
  chrome.tabs.executeScript(null, { file: "jquery.min.js" }, function() {
    chrome.tabs.executeScript(null, { file: "content_script.js" });
  });
});

    Puis dans content_script.js faire ce que vous voulez:

      $('#header').hide();

    Noter que même si la page vous avez injecté en a déjà jQuery chargée, vous êtes toujours frapper votre propre instance de l'objet jQuery, qui est l'accès à la page via le DOM. (document).

    • qu'est-ce que "background_page" et "content_script.js" ?
    InformationsquelleAutor jdc
  3. 5
    "content_scripts": [ {
    "matches": ["http://*/*"],
    "js": ["jquery.min.js"]
} ]
    InformationsquelleAutor Ankush Ganatra
  4. 3

    Vérifier la réponse par jdc ici, dans ce même thread.

    Edit: la réponse était assez vieux et ne reflètent pas les pratiques actuelles de plus. Merci pour le heads up.

    • Ne condamne pas pour être en désaccord, mais il serait agréable de partager la raison de la downvote donc tout le monde peut apprendre et discuter.
    • Salut Rodrigo, désolé, j'ai l'habitude de laisser des commentaires mais il doit avoir oublié. Liens de référence seul ne devrait pas être des réponses sur Stack Overflow, comme s'ils se cassent, votre réponse serait inutile. Je suis allé de l'avant et fait une modification sur votre compte et retiré mon downvote. Espérons que cette aide!
    • Je suis heureux de l'avoir édité ce post parce que le lien est mort (il a 6 ans, donc pas de surprise). Aussi, cette solution est incomplète ou incorrecte. Pour charger un fichier à partir d'une source externe, le développeur doit définir le contenu de la politique de sécurité. "content_security_policy": "[la POLITIQUE de la CHAÎNE VA ICI]" Par: developer.chrome.com/extensions/contentSecurityPolicy à mon humble avis, le meilleur moyen est d'utiliser la méthode qui jdc posté.
    InformationsquelleAutor Rodrigo Hahn