Pregunta Incluye jQuery en la consola de JavaScript


¿Existe alguna manera fácil de incluir jQuery en la consola JavaScript de Chrome para los 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?


618
2017-09-19 16:42


origen


Respuestas:


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

var jq = document.createElement('script');
jq.src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/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 librerías, etc.) aún podría tener problemas.

Actualizar:

Hacer lo mejor, crear un marcador lo hace realmente conveniente, hagámoslo, y un poco de feedback también es genial:

  1. Haga clic derecho en la barra de marcadores, y haga clic Añadir página
  2. Llámalo como quieras, p. Inyecte jQuery y use la siguiente línea para URL:

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

Debajo está 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 jQuery CDN oficial, puede usar su propia CDN / versión.


1119
2017-09-19 16:44



Ejecuta esto en tu consola

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

Crea una nueva etiqueta de script, la rellena con jQuery y la agrega a la cabeza


179
2017-09-19 16:45



Use el folleto jQueryify:

http://marklets.com/jQuerify.aspx

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


62
2017-09-19 16:57



Dupdo http://code.jquery.com/jquery-latest.min.js archivar contenido y pegarlo en la consola. Funciona perfecto


58
2017-11-22 11:34



Añadiendo 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 agréguelo a la barra de herramientas de Chrome o Firefox para que, en lugar de pegar el script una y otra vez, simplemente hagamos clic en el marcador.

Screenshot of bookmark


27
2018-05-23 12:02



Soy un rebelde.

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

Para tu ejemplo:

$$('element').length

($$ es un alias de document.querySelectorAll en la consola.)

Para cualquier otro ejemplo: estoy seguro de que puedo encontrar cualquier cosa. Especialmente si estás usando 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 acerca de javascript te hace mejor en jQuery).


22
2018-04-06 20:08



Acabo de crear un bookmarklet de jQuery 3.2.1 con gestión de errores (solo carga si no está ya cargado, detecta la versión si ya está cargada, mensaje de error si hay un error al cargar). Probado en Chrome 27. No hay ninguna razón para usar el "viejo" jQuery 1.9.1 en el navegador Chrome desde 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í


12
2018-05-24 12:31