Utilizzo di jQuery nella console?

Question

Sto imparando di più su jQuery e vorrei utilizzarlo in modo interattivo nella console JavaScript di Chrome. È possibile? Mi immagino qualcosa di simile, ma non funziona:

> use('jquery.js') 
jquery loaded 
> $("span").html("Hello World!") 

Ciò causerebbe "Hello World!" da inserire tra i tag span e visualizzati.

Answer 1

Se si dispone di jQuery nella pagina in cui è aperta la console, si dovrebbe essere liberi di utilizzarlo nella console.

Answer 2

Il modo più semplice per eseguire questa operazione è modificare l'intestazione della pagina e aggiungere un tag <script> che punta a jQuery. Quindi sarai in grado di eseguire il codice nella tua console.

Answer 3

Non importa. Capito :-) Ho creato un semplice file HTML che caricava jQuery e poi entrava nella console. Questo funziona per me.

Answer 4

Non c'è "uso", quindi ovviamente non funzionerà.

È possibile aggiungerlo a una pagina.

var scr = document.createElement("script"); 
scr.src = "http://code.jquery.com/jquery-1.9.1.min.js"; 
document.body.appendChild(scr); 

Answer 5

Si consiglia di controllare http://jsfiddle.net/ o http://codepen.io/pen/

È comunque possibile accedere gli script creati tramite la console cromata e sarà più facile da condividere con gli altri, se avete domande.

Answer 6

Se si desidera utilizzare jQuery frequentemente dalla console, è possibile scrivere facilmente un utente. Prima di tutto, installa Tampermonkey se sei su Chrome e Greasemonkey se sei su Firefox. Scrivere un semplice userscript con una funzione di uso come questo:

var scripts = [] 
function use(libname){ 
var src; 
if(scripts.indexOf(libname)==-1){ 
switch(libname.toLowerCase()){ 
case "jquery": 
src = "http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"; 
break; 
case "angularjs": 
src = "http://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"; 
break; 
} 
}else{ 
console.log("Library already in use."); 
return; 
} 
if(src){ 
scripts.append(libname); 
var script = document.createElement("script"); 
script.src = src; 
document.body.appendChild(scr); 
}else{ 
console.log("Invalid Library."); 
return; 
} 
}