web-dev-qa-db-fra.com

Commande de chargement de jQuery sur Google Chrome inspector?

Je me souviens avoir vu qu'il y avait une commande spécifique que vous pouviez mettre sur la console d'inspection de Google Chrome pour charger jQuery et vous permettre d'exécuter des commandes jQuery.

Cependant, je ne me souviens pas de quelle commande il s'agissait, et la recherche en ligne ne m'apporte que des résultats indépendants.

Quelqu'un sait quelle est cette commande?

Merci!

EDIT: Des années plus tard, j'avais réalisé que je demandais le $$ fonction dans la console. Cependant, ce n'est pas jQuery mais fournit une option de sélection similaire, très probablement un raccourci pour document.querySelectorAll. Les réponses ici concernent l'ajout de jQuery pour de vrai, avec toutes ses fonctionnalités.

jquerygoogle-chromeweb-inspector
38
Alpha

Vous voulez dire, un script pour charger jQuery dans une page arbitraire? J'ai créé à cet effet le bookmarklet multi-navigateur suivant:

javascript:if(!window.jQuery||confirm('Overwrite\x20current\x20version?\x20v'+jQuery.fn.jquery))(function(d,s){s=d.createElement('script');s.src='https://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.js';(d.head||d.documentElement).appendChild(s)})(document);

Il détecte si jQuery existe. Si c'est le cas, une boîte de dialogue de confirmation apparaît, dans laquelle la version actuelle est affichée, afin que vous puissiez décider s'il est correct de remplacer l'objet jQuery existant.

Actuellement, jQuery 1.8 est chargé à partir d'un CDN sur SSL.

Pour vous faire gagner du temps de l'édition, voici le même bookmarklet que le haut de la réponse, mais en obtenant la dernière version (au lieu d'une version fixe) de http://code.jquery.com/:

javascript:if(!window.jQuery||confirm('Overwrite\x20current\x20version?\x20v'+jQuery.fn.jquery))(function(d,s){s=d.createElement('script');s.src='http://code.jquery.com/jquery.js';(d.head||d.documentElement).appendChild(s)})(document);

Remarque: Avoir la dernière version est Nice, mais ne soyez pas surpris lorsque jQuery "se comporte bizarrement" (= mis à jour).

99
Rob W

Vous pouvez également créer un chrome snippet qui charge jQuery sur chrome inspector ( comment créer des snippets personnalisés )

Code d'extrait:

(function() {
  if (! window.jQuery ) {
    var s = document.createElement('script');
    s.type = 'text/javascript';
    s.async = true;
    s.src = '//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js'; // you can change this url by latest jQuery version
    (document.getElementsByTagName('head')[0] ||
      document.getElementsByTagName('body')[0]).appendChild(s);
  }
}());
18
Ravinder Kumar