Incluir jQuery en la consola JavaScript

¿Existe una manera fácil de incluir jQuery en la consola JavaScript de Chrome para sitios que no lo usan? Por ejemplo, en un sitio web me gustaría obtener el número de filas de una tabla. Sé que esto es realmente fácil con jQuery.

$('element').length;

El sitio no utiliza jQuery. ¿Puedo agregarlo desde la línea de comando?

Sep 19 '11 23:09 mrtsherman

Ejecute esto en la consola JavaScript de su navegador, entonces jQuery debería estar disponible...

var jq = document.createElement('script');
jq.src = "https://ajax.googleapis.com/ajax/libs/jquery/3.5.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: si el sitio tiene scripts que entran en conflicto con jQuery (otras bibliotecas, etc.), aún podría tener problemas.

Actualizar:

Para mejorar lo mejor, crear un marcador lo hace realmente conveniente. Hagámoslo, y un poco de comentarios también es excelente:

Haga clic derecho en la barra de marcadores y haga clic en Agregar página
Nómbrelo como desee, por ejemplo, Inject jQuery y use la siguiente línea para la URL:

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

A continuación se muestra el código formateado:

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

Aquí se utiliza la URL oficial de CDN de jQuery, siéntase libre de utilizar su propia versión/CDN.

Sep 19 '2011 16:09 jondavidjohn

Ejecute esto en su consola:

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

Crea una nueva etiqueta de script, la llena con jQuery y la agrega al encabezado.

Sep 19 '2011 16:09 genesis

Copie todo de:
https://code.jquery.com/jquery-3.4.1.min.js

Y pégalo en la consola. Funciona perfectamente.

Nov 22 '2012 11:11 Ruslanas Balčiūnas

Utilice el folleto de jQueryify:

https://web.archive.org/web/20190502132317/http://marklets.com/jQuerify.aspx

En lugar de copiar y pegar el código en las otras respuestas, esto lo convertirá en un marcador en el que se puede hacer clic.

Sep 19 '2011 16:09 meder omuraliev

Método posterior a 2020 , utilizando:

importación dinámica
IIFE autoejecutable
función asincrónica
función de flecha

(async () => {
  await import('https://code.jquery.com/jquery-2.2.4.min.js')
  // Library ready
  console.log(jQuery)
})()

Expandir fragmento

Sin usar async, y dado que importdevuelve una Promesa , tenemos que usar .then():

import('https://code.jquery.com/jquery-2.2.4.min.js')
  .then( () => {
    console.log(jQuery)
  }
)

Expandir fragmento

Otro ejemplo

https://caniuse.com/es6-module-dynamic-import

Sep 12 '2020 13:09 NVRM