2012-03-08 48 views
33

Recuerdo haber visto que había un comando específico que podrías poner en la consola del inspector de Google Chrome para que cargue jQuery y te permita ejecutar comandos de jQuery.Comando para cargar jQuery en el inspector de Google Chrome?

Sin embargo, no recuerdo qué comando era, y buscar solo en línea me trae resultados no relacionados.

¿Alguien sabe cuál es ese comando?

Gracias!

EDIT: Años después me había dado cuenta de que estaba pidiendo la función $$ en la consola. Sin embargo, esto no es jQuery, pero proporciona una opción de selector similar, muy probablemente una abreviatura de document.querySelectorAll. Las respuestas aquí abordan la adición de jQuery de verdad, con todas sus funcionalidades.

Respuesta

92

¿Quieres decir, un script para cargar jQuery en una página arbitraria? He creado el siguiente marcador de navegador cruzado para este propósito:

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

Detecta si existe jQuery. Si lo hace, aparece un cuadro de diálogo de confirmación, en el que se muestra la versión actual, para que pueda decidir si está bien sobrescribir el objeto jQuery existente.

Actualmente, jQuery 1.8 se carga desde un CDN sobre SSL.

Para ahorrarte tiempo de edición, este es el mismo bookmarklet que la parte superior de la respuesta, pero obteniendo el versión más reciente (en lugar de un fijo) de 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: Tener la última versión es agradable, pero no se sorprenda cuando jQuery "se comporta raro" (= informado).

+0

Gracias! Eso es genial. Aún recuerdo haber visto un comando incorporado que cargaría jQuery con solo un breve comando escrito en la consola. Aún así, me salvaste de mi situación actual, ¡gracias! – Alpha

+3

@Alpha ¿Te refieres a los selectores "jQuery-like"? Cuando la página no los define, '$' es la abreviatura de 'document.getElementById', y '$$' es la abreviatura de ['document.querySelectorAll'] (https://developer.mozilla.org/En/DOM/Document.querySelectorAll). –

+1

Tal vez estoy confundido ... Recuerdo haber visto un video de un chico de Google, estaba mostrando que una página no tenía jQuery cargada, pero si quería tener toda esa capacidad para solucionar problemas, había este comando que él ingresaría , y jQuery se cargaría directamente en la página (y por lo tanto, procedió a mostrar el uso de selectores complejos y funciones jQuery como ejemplo). Sin embargo, no puedo recordar qué video era o cómo era el comando. – Alpha

15

También puede crear un fragmento de cromo que cargan en jQuery inspector de cromo (how create custom snippets)

código

Fragmento:

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

Gracias. Votado para esta respuesta porque también funciona en https. – Laurent

Cuestiones relacionadas