857 votes

Inclure jQuery dans la Console JavaScript

Est-il un moyen facile d'inclure jQuery dans le Chrome console JavaScript pour les sites qui ne l'utilisez pas? Par exemple sur un site web, je voudrais obtenir le nombre de lignes dans une table. Je sais que c'est vraiment facile avec jQuery.

$('element').length;

Mais le site n'utilise pas jQuery. Puis-je l'ajouter à partir de la ligne de commande?

1539voto

jondavidjohn Points 28769

exécuter ce dans la console javascript de votre navigateur, puis jQuery doit être disponible...

var jq = document.createElement('script');
jq.src = "https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js";
document.getElementsByTagName('head')[0].appendChild(jq);
// ... give time for script to load, then type.
jQuery.noConflict();

REMARQUE, si le site a des scripts qui sont en conflit avec jQuery (autres libs, etc..), vous pouvez encore rencontrer des problèmes.

265voto

genesis Points 32591

Exécuter dans votre console

var script = document.createElement('script');script.src = "https://ajax.googleapis.com/ajax/libs/jquery/1.6.3/jquery.min.js";document.getElementsByTagName('head')[0].appendChild(script);

Il crée de nouveaux balise de script, la remplit avec jQuery et ajoute à la tête

117voto

Copie http://code.jquery.com/jquery-latest.min.js contenu du fichier et de le coller dans la console. Fonctionne parfaitement.

66voto

meder Points 81864

Utiliser le jQueryify livret:

http://marklets.com/jQuerify.aspx

Au lieu de copier-coller le code dans les autres réponses, ce sera un lien de signet.

30voto

manish_s Points 1045

L'ajout de @jondavidjohn réponse, on peut aussi le définir comme un signet avec l'URL que le code de javascript.

Nom: Inclure Jquery

Url:

javascript:var jq = document.createElement('script');jq.src = "//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js";document.getElementsByTagName('head')[0].appendChild(jq); setTimeout(function() {jQuery.noConflict(); console.log('jQuery loaded'); }, 1000);

et puis l'ajouter à la barre d'outils de google Chrome, de sorte qu'au lieu de coller le script de nouveau et de nouveau, nous pouvons simplement de cliquer sur l'icône.

Screenshot of bookmark

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X