¿Evite pasar el archivo JavaScript en las herramientas de desarrollador de Chrome?

Question

Me pregunto, ¿hay alguna forma de omitir un archivo JavaScript de Chrome Developer Tools Depugger, por lo que se saltará automáticamente cualquier llamada de función realizada a ese script?

Pregunto porque mis proyectos a menudo incluyen grandes bibliotecas como jQuery. Cuando paso a través de JavaScript en las herramientas de desarrollador de Chrome mientras depuggo, tengo que atravesar la libra de jQuery cada vez que hago una llamada jQuery en mi guión.

Termino teniendo que establecer puntos de interrupción una línea después de cada llamada al objeto jQuery. Es la única forma en que he encontrado pasar y es muy molesto.

Answer 1

Actualización 2
Ha habido una mejora en el flujo de usuario de esta característica en las últimas versiones de Chrome. Por favor refiérase a https://developer.chrome.com/devtools/docs/blackboxing

Actualización 1
Desde Chrome Versión 38, ya no tiene que habilitar los experimentos de herramientas de desarrollador.

Los detalles a continuación son solo para la historia

Esto es posible ahora en Chrome versión 30+.

1. Habilitar "habilitar experimentos de herramientas de desarrollador" de chrome://flags/#enable-devtools-experiments. (Sí, debe escribir que donde escriba la URL)
2. Relanzamiento cromado
3. Haga clic en el icono de configuración en las herramientas de desarrollador de Chrome
4. Vaya a la sección Experimentos. Observe la advertencia;) y luego marque Enable frameworks debugging support. (También es posible que quieras probar Show step-in candidates while debugging)
5. Ahora, cierre las herramientas de desarrollo de Chrome y vuelva a abrirlo.
6. Haga clic en el icono de configuración en las herramientas de desarrollador de Chrome
7. En la sección general, encontrará "omitir el paso a través de fuentes con nombres particulares". Marque eso y proporciona regex Para los nombres de archivo JavaScript en los que desea saltar.

Fuente: Consejos y trucos: Ignorar el código de la biblioteca mientras depuración en Chrome

Answer 2

ISID me gustaría señalar que a partir de Chrome 38 ya no necesitas habilitar los experimentos de DevTools. En su lugar, si va directamente a las herramientas de desarrollador F12 -> Configuración -> General -> Fuentes, verá que el último elemento es administrar Framework BlackBoxing. La buena parte es que puedes configurar cada marco en su propia línea o puedes armar un patrón genérico de captura como (Firebug | Angular | Knockout | jQuery | Bootstrap | Modernizr | Responder)

Answer 3

Las cosas son un poco diferentes en la versión 51.

Presione F12 y luego F1. Elija 'Blackboxing' del menú a la izquierda.

Answer 4

En Chrome V68, mientras se depuración en un archivo .js, use el script de la izquierda en Blackbox:

https://developer.chrome.com/devtools/docs/blackboxing

Answer 5

El botón "Step Out" se puede usar para sacarlo rápidamente del código jQuery.