Esiste un modo semplice per includere jQuery nella console JavaScript di Chrome per i siti che non lo utilizzano? Ad esempio, su un sito Web vorrei ottenere il numero di righe in una tabella. So che è molto semplice con jQuery.

$('element').length;

Il sito non utilizza jQuery. Posso aggiungerlo dalla riga di comando?

Esegui questo nella console JavaScript del tuo browser, quindi jQuery dovrebbe essere disponibile ...

var jq = document.createElement('script');
jq.src = "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js";
document.getElementsByTagName('head')[0].appendChild(jq);
// ... give time for script to load, then type (or see below for non wait option)
jQuery.noConflict();

NOTA: se nel sito sono presenti script in conflitto con jQuery (altre librerie, ecc.), Potresti comunque riscontrare problemi.

Aggiornare:

Migliorare il meglio, creare un segnalibro lo rende davvero conveniente, facciamolo e anche un piccolo feedback è fantastico:

1. Fare clic con il pulsante destro del mouse sulla barra dei segnalibri e fare clic su Aggiungi pagina
2. Nominalo come preferisci, ad esempio Inject jQuery e usa la seguente riga per l'URL:

javascript: (function (e, s) {e.src = s; e.onload = function () {jQuery.noConflict (); console.log ('jQuery injected')}; document.head.appendChild (e); }) (document.createElement ( 'script'), '// code.jquery.com/jquery-latest.min.js')

Di seguito è riportato il codice formattato:

javascript: (function(e, s) {
    e.src = s;
    e.onload = function() {
        jQuery.noConflict();
        console.log('jQuery injected');
    };
    document.head.appendChild(e);
})(document.createElement('script'), '//code.jquery.com/jquery-latest.min.js')

Qui viene utilizzato l'URL CDN jQuery ufficiale, sentiti libero di usare la tua CDN / versione.

Esegui questo nella tua console

var script = document.createElement('script');script.src = "https://code.jquery.com/jquery-3.4.1.min.js";document.getElementsByTagName('head')[0].appendChild(script);

Crea un nuovo tag di script, lo riempie di jQuery e lo aggiunge alla testa.

Copia tutto da:
https://code.jquery.com/jquery-3.4.1.min.js

E incollalo nella console. Funziona perfettamente.

Usa l'opuscolo jQueryify:

http://marklets.com/jQuerify.aspx

Invece di copiare incollando il codice nelle altre risposte, questo lo renderà un segnalibro cliccabile.

Aggiungendo alla risposta di @jondavidjohn, possiamo anche impostarlo come segnalibro con URL come codice javascript.

Nome: include 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);void(0);

e poi aggiungilo alla barra degli strumenti di Chrome o Firefox in modo che invece di incollare lo script ancora e ancora, possiamo semplicemente fare clic sul bookmarklet.

Sono un ribelle.

Soluzione: non usare jQuery. jQuery è una libreria per astrarre le incoerenze del DOM attraverso i browser. Dato che sei nella tua console, non hai bisogno di questo tipo di astrazione.

Per il tuo esempio:

$$('element').length

( $$è un alias di document.querySelectorAllnella console.)

Per qualsiasi altro esempio: sono sicuro di poter trovare qualsiasi cosa. Soprattutto se si utilizza un browser moderno (Chrome, FF, Safari, Opera).

Inoltre, sapere come funziona il DOM non farebbe male a nessuno, aumenterebbe solo il tuo livello di jQuery (sì, imparare di più su javascript ti rende migliore su jQuery).

Ho appena creato un bookmarklet jQuery 3.2.1 con gestione degli errori (carica solo se non già caricato, rileva versione se già caricato, messaggio di errore se errore durante il caricamento). Testato su Chrome 27. Non vi è alcun motivo per utilizzare il "vecchio" jQuery 1.9.1 sul browser Chrome poiché jQuery 2.0 è compatibile con API con 1.9 .

Basta eseguire quanto segue nella console per sviluppatori di Chrome o trascinarlo nella barra dei segnalibri :

javascript:((function(){if(typeof(jQuery)=="undefined"){window.jQuery="loading";var a=document.createElement("script");a.type="text/javascript";a.src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js";a.onload=function(){console.log("jQuery "+jQuery.fn.jquery+" loaded successfully.")};a.onerror=function(){delete jQuery;alert("Error while loading jQuery!")};document.getElementsByTagName("head")[0].appendChild(a)}else{if(typeof(jQuery)=="function"){alert("jQuery ("+jQuery.fn.jquery+") is already loaded!")}else{alert("jQuery is already loading...")}}})())

Il codice sorgente leggibile è disponibile qui

La risposta migliore, di jondavidjohn, è buona, ma vorrei modificarla per affrontare un paio di punti:

• Vari browser emettono un avviso quando si carica uno script da httpuna pagina su https.
• Basta cambiare jquery.comil protocollo per httpsottenere un avviso se lo provi direttamente dalla barra degli URL del browser:This is probably not the site you are looking for!
• Mi piace usare la CDN di Google quando utilizzo la console per sperimentare siti di Google come Gmail.

Il mio unico problema è che devo includere un numero di versione in cui nella console voglio sempre l'ultimo.

var jq = document.createElement('script');
jq.src = "//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js";
document.getElementsByTagName('head')[0].appendChild(jq);
jQuery.noConflict();

Per questa risposta :

fetch('https://code.jquery.com/jquery-latest.min.js').then(r => r.text()).then(r => eval(r))

Per qualche motivo devo eseguirlo due volte per ottenere il nuovo '$' (che ho a che fare anche con gli altri metodi), ma funziona.

Questo è l'equivalente se il tuo browser non è così moderno:

fetch('http://code.jquery.com/jquery-latest.min.js').then(function(r){return r.text()}).then(function(r){eval(r)})

È abbastanza facile farlo manualmente, come spiegano le altre risposte. Ma c'è anche il plug-in jQuerify .

FWIW, Firebug incorpora il includecomando speciale e jquery è alias di default: https://getfirebug.com/wiki/index.php/Include

Quindi nel tuo caso, devi solo digitare:

include("jquery");

Florent

questa risposta basata sulla risposta di @genesis, all'inizio ho provato la versione del segnalibro @jondavidjohn e non funziona, quindi la cambio in questo (aggiungerla al tuo segnalibro):

javascript:(function(){var s = document.createElement('script');s.src = "//code.jquery.com/jquery-2.2.4.min.js";document.getElementsByTagName('head')[0].appendChild(s);console.log('jquery loaded')}());

parole di avvertenza, non è testato in Chrome ma funziona in Firefox e non testato in un ambiente di conflitto.

Uno dei modi più brevi sarebbe semplicemente copiare e incollare il codice qui sotto sulla console.

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

Se stai cercando di farlo per uno script utente, ho scritto questo: http://userscripts.org/scripts/show/123588

Ti consentirà di includere jQuery, l'interfaccia utente e tutti i plug-in che desideri. Lo sto usando su un sito che ha 1.5.1 e nessuna UI; questo script mi ​​offre invece 1.7.1, oltre all'interfaccia utente e nessun conflitto in Chrome o FF. Non ho testato Opera da solo, ma altri mi hanno detto che ha funzionato anche lì per loro, quindi questa dovrebbe essere piuttosto una soluzione completa per gli utenti cross-browser, se è per questo che devi farlo.

Ecco un codice alternativo:

javascript:(function() {var url = '//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js'; var n=document.createElement('script');n.setAttribute('language','JavaScript');n.setAttribute('src',url+'?rand='+new Date().getTime());document.body.appendChild(n);})();

che può essere incollato direttamente nella console o creare una nuova pagina dei segnalibri (in Chrome, fare clic con il pulsante destro del mouse sulla barra dei segnalibri , Aggiungi pagina ... ) e incollare questo codice come URL.

Per verificare se ha funzionato, vedi sotto.

Prima:

$()
Uncaught TypeError: $ is not a function(…)

Dopo:

$()
[]

Se si desidera utilizzare jQuery frequentemente dalla console, è possibile scrivere facilmente uno script utente. Innanzitutto, installa Tampermonkey se sei su Chrome e Greasemonkey se sei su Firefox. Scrivi un semplice script utente con una funzione d'uso come questa:

var scripts = [];

function use(libname) {
    var src;
    if (scripts.indexOf(libname) == -1) {
        switch (libname.toLowerCase()) {
            case "jquery":
                src = "//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js";
                break;
            case "angularjs":
                src = "//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;
    }
}

Soluzione chiavi in ​​mano :

Metti il ​​tuo codice in yourCode_herefunzione. E impedisce HTML senza tag HEAD.

(function(head) {
  var jq = document.createElement('script');
  jq.src = "https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js";
  ((head && head[0]) || document.firstChild).appendChild(jq);
})(document.getElementsByTagName('head'));

function jQueryReady() {
  if (window.jQuery) {
    jQuery.noConflict();
    yourCode_here(jQuery);
  } else {
    setTimeout(jQueryReady, 100);
  }
}

jQueryReady();

function yourCode_here($) {
  console.log("OK");
  $("body").html("<h1>Hello world !</h1>");
}

I browser moderni (testati su Chrome, Firefox, Safari) implementano alcune funzioni di supporto usando il simbolo del dollaro $che sono molto simili a jQuery (se il sito Web non definisce qualcosa usando window.$).

Queste utility sono abbastanza utili per selezionare elementi nel DOM e modificarli.

Documenti: Chrome , Firefox

intuitivo one-liner

document.write(unescape('%3Cscript src="https://code.jquery.com/jquery-3.1.1.min.js"%3E%3C/script%3E’))

Puoi cambiare l' srcindirizzo.
Ho fatto riferimento a ReferenceError: Impossibile trovare la variabile: jQuery