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

$('element').length;

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

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

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: si el sitio tiene scripts que entran en conflicto con jQuery (otras bibliotecas, etc.), aún podría tener problemas.

Actualizar:

Mejorar lo mejor, crear un marcador lo hace realmente conveniente, hagámoslo, y un pequeño comentario también es genial:

1. Haga clic derecho en la barra de marcadores y haga clic en Agregar página
2. Póngale el nombre que desee, por ejemplo, Inyecte jQuery y use la siguiente línea para 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')

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 usa la URL oficial de jQuery CDN, siéntase libre de usar su propia CDN / versión.

Ejecuta esto en tu consola

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

Crea una nueva etiqueta de script, la llena con jQuery y se agrega a la cabeza.

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

Y pégalo en la consola. Funciona perfectamente.

Use el folleto jQueryify:

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.

Agregando a la respuesta de @ jondavidjohn, también podemos configurarlo como un marcador con URL como código de JavaScript.

Nombre: Incluir 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);

y luego agregarlo a la barra de herramientas de Chrome o Firefox para que, en lugar de pegar el script una y otra vez, podamos hacer clic en el marcador.

Soy un rebelde.

Solución: no use jQuery. jQuery es una biblioteca para abstraer las inconsistencias DOM en los navegadores. Como estás en tu propia consola, no necesitas este tipo de abstracción.

Por su ejemplo:

$$('element').length

( $$es un alias para document.querySelectorAllen la consola).

Para cualquier otro ejemplo: estoy seguro de que puedo encontrar cualquier cosa. Especialmente si está utilizando un navegador moderno (Chrome, FF, Safari, Opera).

Además, saber cómo funciona el DOM no dañaría a nadie, solo aumentaría tu nivel de jQuery (sí, aprender más sobre JavaScript te hace mejor en jQuery).

Acabo de hacer un jQuery 3.2.1 bookmarklet con manejo de errores (solo carga si aún no está cargado, detecta la versión si ya está cargada, mensaje de error si error al cargar). Probado en Chrome 27. No hay ninguna razón para usar el jQuery 1.9.1 "antiguo" en el navegador Chrome ya que jQuery 2.0 es compatible con API con 1.9 .

Simplemente ejecute lo siguiente en la consola de desarrollador de Chrome o arrástrelo y suéltelo en su barra de marcadores :

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...")}}})())

El código fuente legible está disponible aquí

La respuesta principal, de jondavidjohn, es buena, pero me gustaría modificarla para abordar un par de puntos:

• Varios navegadores emiten una advertencia al cargar un script desde httpuna página en https.
• Simplemente cambiando jquery.comel protocolo a httpsresultados en una advertencia si lo prueba directamente desde la barra de URL del navegador:This is probably not the site you are looking for!
• Me gusta usar el CDN de Google cuando estoy usando la consola para experimentar con sitios de Google como Gmail.

Mi único problema es que tengo que incluir un número de versión donde en la consola realmente siempre quiero la última.

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

Por esta respuesta :

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

Por alguna razón, tengo que ejecutarlo dos veces para obtener el nuevo '$' (que también tengo que ver con los otros métodos), pero funciona.

Este es el equivalente si su navegador no es tan moderno:

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

Es bastante fácil hacer esto manualmente, como explican las otras respuestas. Pero también está el complemento jQuerify .

FWIW, Firebug incorpora el includecomando especial, y jquery tiene un alias por defecto: https://getfirebug.com/wiki/index.php/Include

Entonces, en su caso, solo tiene que escribir:

include("jquery");

Florent

esta respuesta basada en @genesis answer, al principio probé la versión de marcador @jondavidjohn, y no funciona, así que la cambio a esta (agréguela a su marcador):

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

palabras de precaución, no se prueba en Chrome pero funciona en Firefox, y no se prueba en entornos de conflicto.

Una de las formas más cortas sería simplemente copiar y pegar el siguiente código en la consola.

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

Si está buscando hacer esto para un script de usuario, escribí esto: http://userscripts.org/scripts/show/123588

Le permitirá incluir jQuery, además de la interfaz de usuario y los complementos que desee. Lo estoy usando en un sitio que tiene 1.5.1 y no tiene interfaz de usuario; este script me da 1.7.1 en su lugar, más UI, y no hay conflictos en Chrome o FF. No he probado Opera yo mismo, pero otros me han dicho que también ha funcionado allí para ellos, por lo que esta debería ser una solución completa de script de usuario cruzado, si eso es lo que necesita hacer.

Aquí hay un código 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);})();

que se puede pegar directamente en la consola o crear una nueva página de marcadores (en Chrome, haga clic con el botón derecho en la barra de marcadores , Agregar página ... ) y pegue este código como URL.

Para probar si eso funcionó, ver más abajo.

Antes de:

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

Después:

$()
[]

Si desea utilizar jQuery con frecuencia desde la consola, puede escribir fácilmente un script de usuario. Primero, instale Tampermonkey si está en Chrome y Greasemonkey si está en Firefox. Escriba un simple script de usuario con una función de uso como esta:

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

Solución llave en mano:

Pon tu código en yourCode_herefunción. Y evite HTML sin etiqueta 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>");
}

Los navegadores modernos (probados en Chrome, Firefox, Safari) implementan algunas funciones auxiliares usando el signo de dólar $que son muy similares a jQuery (si el sitio web no define algo usandowindow.$ ).

Esas utilidades son bastante útiles para seleccionar elementos en el DOM y modificarlos.

Documentos: Chrome , Firefox

línea intuitiva

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

Puedes cambiar la srcdirección.
Me referí a ReferenceError: No puedo encontrar la variable: jQuery