debugger - En línea jquery shell/parser

jsfiddle create account

Question

¿Hay una emulación jquery shell / analizador en línea donde puedo ingresar comandos jquery simples en un fragmento HTML pegado y ver sus efectos o capturar sus salidas. Sería de gran ayuda entender las funciones básicas de jquery en lugar de abrir un nuevo archivo html y escribir código desde cero.

aclamaciones

Answer 1

Puedes hacer esto con la consola en Firebug para Firefox . Lo hago con frecuencia Simplemente acceda a cualquier página que tenga referenciada la biblioteca jQuery, ¡y escriba su corazón!

Lo bueno de esto es que no está limitado a una sola página de muestra. Todos los sitios web habilitados con jQuery en línea se convierten en su área de juegos cuando tienes la consola Firebug.

Y antes de que FireBug le dé la capacidad de modificar la fuente de una página, puede pegar cualquier HTML adicional que desee en cualquier página, y luego escribir más jQuery contra su código HTML recién pegado.

Aparentemente hay una extensión llamada FireQuery para Firebug para facilitar esto.

Answer 2

Sí, use JSBin , solo asegúrese de elegir "jQuery" del menú de inclusión antes de comenzar.

Answer 3

Si no tienes firebug o si no estás usando Firefox puedes probar firebug lite:

http://getfirebug.com/lite.html

Especialmente útil es el bookmarklet. Desplácese hasta la sección "Firebug lite como bookmarklet" y guarde ese enlace como marcador. Ahora abra la página en la que desea probar jQuery y cargue el bookmarklet.

Si la página no tiene jQuery ya cargado, puede escribir lo siguiente en la consola de Firebug:

var s = document.createElement(''script'');
s.src = ''http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js'';
document.body.appendChild(s);

Answer 4

También es posible que desee probar Jquerify , que proporciona un control sobre Firebug para Jquery. Puedes hacer algunas cosas bastante ingeniosas con eso.

Answer 5

jqueryconsole.com es mi favorito