Comando per caricare jQuery su Google Chrome inspector?

Question

Ricordo di aver visto un comando specifico che potresti mettere sulla console di Inspector di Google Chrome per caricare jQuery e consentire l'esecuzione di comandi jQuery.

Tuttavia, non riesco a ricordare quale comando fosse, e la ricerca online mi porta solo risultati non correlati.

Qualcuno sa qual è il comando?

Grazie!

EDIT: Anni dopo mi ero reso conto che stavo chiedendo la funzione $$ nella console. Tuttavia, questo non è jQuery ma fornisce un'opzione di selezione simile, molto probabilmente una stenografia per document.querySelectorAll. Le risposte qui affrontano l'aggiunta di jQuery per davvero, con tutte le sue funzionalità.

Answer 1

Vuoi dire, uno script per caricare jQuery in una pagina arbitraria? Ho creato il seguente bookmarklet cross-browser per questo scopo:

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); 

Rileva se esiste jQuery. In tal caso, viene visualizzata una finestra di dialogo di conferma, in cui viene mostrata la versione corrente, in modo che tu possa decidere se è opportuno sovrascrivere l'oggetto jQuery esistente.

Attualmente, jQuery 1.8 viene caricato da un CDN su SSL.

• Se si desidera caricare una versione diversa, sostituire '1.8' con ad es. '1.7.1'.
• Se si desidera caricare una versione compressa, sostituire jquery.js con jquery.min.js.
• Se non ti dispiace di carico jQuery sopra http:, CDN di Google può essere sostituito con:
  • http://code.jquery.com/jquery.js - Ultima versione
  • http://code.jquery.com/jquery-latest.js - Ultima versione
  • http://code.jquery.com/jquery-1.8.0.js - Versione 1,8

Per risparmiare tempo dalla modifica, ecco lo stesso bookmarklet della parte superiore della risposta, ma il numero ultima versione (invece di una fissa) da 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); 

Nota: Avere l'ultima versione è bello, ma non essere sorpreso quando jQuery "si comporta in modo strano" (= aggiornamento).

Answer 2

È anche possibile creare un frammento di cromo, che caricare jQuery su ispettore cromo (how create custom snippets)

codice

Snippet:

(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); 
    } 
}());