La inspección de javascript en jsfiddle.net en Google Chrome

Es posible establecer puntos de interrupción mediante el google chrome inspector de código javascript que entró en jsfiddle.net?

Cuando me vaya a la ficha de comandos de las herramientas de desarrollador veo un montón de secuencias de comandos, pero no sé dónde está mi script podría ser encontrado o si se puede encontrar allí a todos. En el pasado he acomodado solo para algunos consola.registro de la acción, pero me encantaría establecer algunos puntos de interrupción.

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

InformationsquelleAutor LeRoy | 2011-04-13

4 Kommentare

  1. 84

    En el Desarrollador de Herramientas, en la ficha de Comandos si selecciona fiddle.jshell.net de la lista desplegable, alrededor de la línea de 20-30 (dependiendo de cuánto CSS tiene) verás una <script> etiqueta que contiene el código del Javascript violín de la ventana. Usted puede establecer los puntos de interrupción aquí.

    También se puede evaluar el código en la Consola en contra de este marco, cambiando el contexto de la consola:
    La inspección de javascript en jsfiddle.net en Google Chrome

    • He intentado hacer esto, pero los puntos de interrupción no se va a ejecutar en lo que puedo hacer
    • Hay una carpeta en el violín.jsshellnet/_display/(programa) de este archivo, usted debe ver a su código de inicio de la línea 20. screencast.com/t/IVbxUnrCr7LW
  2. 127

    Depurador de llamadas funciona bien en jsfiddle.
    Acabo de entrar en esta línea donde se desea iniciar la depuración:

    debugger;

    Depurador es ideal para iniciar el modo de depuración en chrome, firefox e incluso IE dev tools, pero usted generalmente tiene que tener el depurador de introducción (es decir, «iniciar depuración» en IE, abrir firebug/herramientas de desarrollo).

    • viejo post, pero aprendí algo muy útil hoy en día
  3. 10

    Otro truco es el de mostrar su violín sin el editor usando la siguiente sintaxis:

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

    como un ejemplo: jsfiddle-link

  4. 7

    De los desarrolladores de la consola vaya a la ficha fuentes, abrir las fuentes de la representación en árbol (a la izquierda), abra la fiddle.jsshell.net nodo, haga clic en siguiente _display, junto (index) y usted debe ver a su código.

    Tenga en cuenta que si usted guardar su código de este _display de referencia será reemplazado por fiddle-reference/version/show. Por ejemplo JsQfE/2/show (que no existe como lo que yo sé, pero hace su trabajo como un ejemplo).

    La inspección de javascript en jsfiddle.net en Google Chrome

Kommentieren Sie den Artikel

Bitte geben Sie Ihren Kommentar ein!
Bitte geben Sie hier Ihren Namen ein

Pruebas en línea