37

¿Cómo puedo pasar por mi código javascript línea por línea utilizando las herramientas de desarrollador de Google Chromes sin tener que acceder a las bibliotecas javascript?Depuración de JavaScript línea por línea usando Google Chrome

Por ejemplo, estoy usando mucho jQuery en mi sitio, y solo quiero depurar el jQuery que he escrito, y no el javascript/jquery dentro de las bibliotecas de jquery. ¿Cómo paso solo mi propio jquery/javascript y no tengo que pasar por los millones de líneas en las bibliotecas de jquery?

Así que si tengo el siguiente:

function getTabFrame() { 
    $.ajax({ 
     url: 'get_tab_frame.aspx?rand=' + Math.random(), 
     type: 'GET', 
     dataType: 'json', 
     error: function(xhr, status, error) { 
      //alert('Error: ' + status + '\nError Text: ' + error + '\nResponse Text: ' + xhr.responseText); 
     }, 
     success: function(data) { 
      $.each(data, function(index, item) { 
       // do something here 
      }); 
     } 
    }); 
} 

si coloco el punto de ruptura en $.ajax({, si les puede iniciar la depuración que donde se detiene, si a continuación, pulse F11, que va directamente a las bibliotecas de jQuery . No quiero que eso suceda, quiero que vaya a la siguiente línea, que es url: 'get_tab_frame.aspx?rand=' + Math.random(),.

He intentado presionar F10 en su lugar, pero eso va directamente al } de cierre de la función. Y F5 simplemente va al siguiente punto de interrupción sin pasar por cada línea una por una.

+0

Cuando tienes principalmente problemas? Cuando alcanzas las excepciones? –

+0

Básicamente, tengo tanto javascript que ya no puedo ver su estructura en mi mente, así que solo quería pasar por mi propio código para recordarme a mí mismo cómo funciona todo para descubrir dónde buscar el problema. .. – oshirowanen

+0

Esto suena muy similar a http://stackoverflow.com/questions/7827882/avoid-stepping-through-javascript-file-in-chrome-developer-tools?rq=1 – rjmunro

Respuesta

62

Suponiendo que se está ejecutando en una máquina Windows ...

  1. golpear el F12 clave
  2. Seleccione la Scripts o Sources, pestaña en las herramientas de desarrollo
  3. Haga clic en el icono de la carpeta en poco el nivel superior
  4. Seleccione su archivo JavaScript
  5. Agregue un punto de interrupción haciendo clic en el número de línea a la izquierda (añade un poco marcador azul)
  6. Ejecutar el JavaScript

A continuación, durante la ejecución de depuración que puede hacer un puñado de movimientos paso a paso ...

  • F8 Continuar: Continuará hasta el siguiente punto de interrupción
  • F10 Paso sobre: ​​Pasos más próxima llamada de función (no se entrar en la biblioteca )
  • F11 Entra en: Pasos en la siguiente llamada de función (se entrar a la biblioteca)
  • Shift + F11 Paso a cabo: se sale de la función actual

actualización

después de leer tu publicación actualizada; para depurar su código, lo recomendaría temporalmente usando el jQuery Development Source Code. Aunque esto no resuelve directamente su problema, le permitirá depurar más fácilmente. Por lo que estás tratando de lograr, creo que deberás ingresar a la biblioteca, así que espero que el código de producción te ayude a descifrar lo que está sucediendo.

+0

Por favor, vea la información adicional en mi pregunta para dar un ejemplo de lo que está sucediendo. Me da la sensación de que no es posible depurar línea por línea con las herramientas de desarrollo de Google Chrome. – oshirowanen

+0

He actualizado mi respuesta, con suerte, debería ayudar un poco más. – Richard

+1

A menos que esté muy equivocado, en las herramientas de desarrollo de Chrome, creo que F5 actualizará la página; F8 es la tecla Continuar, ¿no es así? – cori

19

...¿Cómo puedo pasar por mi línea de código JavaScript a línea con Google cromos herramientas de desarrollo sin que entrar en bibliotecas javascript ...


Para el registro:? En este momento (Feb/2015) Google Chrome ni Firefox tiene exactamente lo que usted (y yo) hay que evitar ir dentro de las bibliotecas y las secuencias de comandos, e ir más allá del código que nos interesa, se llama Negro boxeo:

enter image description here

Cuando la caja negra de un archivo de origen , el depurador no saltará i n a ese archivo al pasar por el código que está depurando.

Más información:

+0

Eso es, esto es MUY útil para la depuración, gracias. – S1awek

Cuestiones relacionadas