que - javascript console chrome

Evite pasar por el archivo javascript en Herramientas para desarrolladores de Chrome?

Question

Me pregunto, ¿hay alguna manera de omitir un archivo javascript del depurador Chrome Developer Tools, por lo que se saltará automáticamente las llamadas a funciones realizadas en ese script?

Lo pregunto porque mis proyectos a menudo incluyen bibliotecas grandes como jQuery. Cuando paso por javascript en las Herramientas para Desarrolladores de Chrome durante la depuración, tengo que pasar por la lib de jQuery cada vez que hago una llamada a jQuery en mi script.

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

Answer 1

El botón "Salir" se puede usar para sacarlo rápidamente del código de JQuery.

Answer 2

En Chrome v68, al depurar en un archivo .js, use el clic izquierdo en el script de blackbox:

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

Answer 3

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

Presione F12 y luego F1. Elija ''Blackboxing'' en el menú de la izquierda.

Answer 4

iSid Me gustaría señalar que a partir de Chrome 38 ya no es necesario habilitar los experimentos de devtools. En cambio, si vas directamente a las herramientas de desarrollador F12 -> configuración -> general -> fuentes, verás que el último elemento allí es administrar el blackboxing del framework. La parte buena es que puedes configurar cada marco en su propia línea o puedes juntar un patrón genérico de atrapar todo como (firebug | angular | knockout | jquery | bootstrap | modernizr | responder)

Answer 5

ACTUALIZACIÓN 2
Ha habido una mejora en el flujo de usuarios de esta función en las últimas versiones de Chrome. Por favor, consulte https://developer.chrome.com/devtools/docs/blackboxing

ACTUALIZACIÓN 1
Desde la versión 38 de Chrome, ya no tiene que habilitar los experimentos de Developer Tools.

A continuación, los detalles son solo para la historia

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

1. Habilite "Habilitar experimentos de Developer Tools" desde chrome://flags/#enable-devtools-experiments . (Sí, debe escribir eso donde escribe la URL)
2. Relanzar cromo
3. Haga clic en el ícono de configuración en Herramientas para desarrolladores de Chrome
4. Ve a la sección Experimentos. Observe la ADVERTENCIA;) y luego marque Enable frameworks debugging support . (También es posible que desee probar Show step-in candidates while debugging )
5. Ahora, cierre Chrome Dev Tools y vuelva a abrirlo.
6. Haga clic en el ícono de configuración en Herramientas para desarrolladores de Chrome
7. En la sección general, encontrará "Omitir el paso por las fuentes con nombres particulares". Marque eso y proporcione regex para los nombres de archivo javascript que desea omitir.

Fuente: Consejos y trucos: ignorar el código de la biblioteca mientras se depura en Chrome