javascript - parse - moment js que es
Inspección de javascript en jsfiddle.net en Google Chrome (4)
¿Es posible establecer puntos de interrupción utilizando el inspector google chrome en el código de JavaScript ingresado en jsfiddle.net?
Cuando voy a la pestaña del script de las herramientas para desarrolladores, 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 inspeccionar Javascript en este escenario).
Desde la consola del desarrollador vaya a fuentes de pestañas, abra la representación del árbol de fuentes (a la izquierda), abra el nodo fiddle.jsshell.net , haga clic en _display , siguiente (index) y 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) .
Las llamadas al depurador funcionan bien en jsfiddle. Simplemente ingrese esta línea donde desea comenzar la depuración:
debugger;
Debugger es ideal para iniciar el modo de depuración en Chrome, firebug e incluso herramientas de desarrollo de IE, pero por lo general es necesario tener el depurador iniciado (es decir, "iniciar la depuración" en IE, abrir firebug / herramientas de desarrollador).
Otro truco es mostrar tu violín sin el editor usando la siguiente sintaxis:
<normal path to your fiddle>/show/light/
como un ejemplo: jsfiddle-link
En Developer Tools, en la pestaña Script, si selecciona fiddle.jshell.net del menú desplegable, alrededor de la línea 20-30 (dependiendo de la cantidad de CSS que tenga), verá una etiqueta <script> que contiene el código del Javascript ventana de violín Puede establecer sus puntos de interrupción aquí.
También puede evaluar el código en la consola con este marco cambiando el contexto de la consola: