66

¿Es posible establecer puntos de interrupción utilizando el inspector google chrome en el código de JavaScript ingresado en jsfiddle.net?Inspección de javascript en jsfiddle.net en Google Chrome

Cuando voy a la pestaña del script de las herramientas del desarrollador veo muchas secuencias de comandos, pero no sé dónde se encuentra mi script o si se puede encontrar allí. En el pasado me acabo de conformar con alguna acción de console.log pero me gustaría establecer algunos puntos de interrupción.

(Si no es posible estoy interesado en otras formas de inspección de JavaScript en este escenario.)

Respuesta

84

En las Herramientas de Desarrollo, bajo la pestaña Script si selecciona fiddle.jshell.net en el menú desplegable, alrededor de la línea 20-30 (dependiendo sobre la cantidad de CSS que tiene) verá una etiqueta <script> que contiene el código de la ventana de JavaScript violín. Puede establecer sus puntos de interrupción aquí.

También se puede evaluar código en la consola en contra de este marco, cambiando el contexto de la consola:

+0

He intentado esto, pero los puntos de corte no están en ejecución en todo lo que hago – Damon

+9

Hay una carpeta bajo fiddle.jsshellnet/_display/(programa) de este archivo debe consultar a su línea de salida de código 20. http://screencast.com/t/IVbxUnrCr7LW – gmetzker

126

llamadas depurador funcionan bien en jsFiddle. acaba de entrar en esta línea en la que desea iniciar la depuración:

debugger; 

depurador es ideal para iniciar el modo de depuración en cromo quemador, e incluso herramientas dev IE, pero en general tienen que haber comenzado el depurador (es decir, "iniciar la depuración "en IE, abra firebug/herramientas de desarrollador).

+0

publicación anterior pero aprendí algo muy útil hoy –

10

Otro truco es para mostrar su violín sin el editor utilizando la siguiente sintaxis:

<normal path to your fiddle>/show/light/ 

como ejemplo: jsfiddle-link

7

Desde la consola del programador vaya a la pestaña fuentes, abra el árbol de fuentes representación (a la izquierda), abra el nodo fiddle.jsshell.net, luego haga clic en _display, siguiente (index) y debería ver su código.

Tenga en cuenta que si guarda su código, esta referencia _display será reemplazada por fiddle-reference/version/show. Por ejemplo JsQfE/2/show(que no existe hasta donde yo sé pero hace el trabajo como un ejemplo).

enter image description here

Cuestiones relacionadas