Las Chrome Dev Tools son las herramientas de Chrome para desarrolladores que permiten inspeccionar el DOM, estilos, código Javascript, entrar en modo depuración, etc. Dentro de las funcionalidades que ofrece esta herramienta está la opción de añadir un breakpoint condicional.

¿Nunca habéis tenido que recorrer un bucle en modo debug e ir pasando por los distintos valores hasta que llega el que te interesa? Eso o incluir un if dentro de dicho bucle para poder poner el punto de interrupción… Pues con la posibilidad de indicar condiciones en los breakpoints (Conditional Breakpoints) que deban cumplirse para que se detenga la ejecución se acabaron estos problemas.

Para activarlo simplemente hay que pulsar con el botón derecho en el número de línea y elegir «Add conditional breakpoint».

En la caja de texto se indicará la condición booleana que debe cumplirse para que se detenga la ejecución.

Si queréis una explicación completa, podéis leerla en la propia página de Google.

Enjoy!