Prefacio
En nuestro desarrollo diario, a menudo usamos las potentes fuentes de consola Chrome para depurar los puntos de interrupción del código, pero no podemos encontrarlo en fuentes cargando JS de manera asincrónica a través de $.getScript y otros asincrónicos. Entonces, ¿cómo depurar los puntos de interrupción? Echemos un vistazo juntos a continuación.
Este es un diagrama de ejemplo de nuestra depuración con el punto de interrupción de las fuentes:
En la figura, podemos ver que en index.js presentamos Test.js a través de $.getScript para ver cómo funciona:
Vimos en la red que Test.js se ha introducido con éxito, pero pertenece a las solicitudes de clase XHR, por lo que definitivamente no lo encontraremos en fuentes.
Como se esperaba, de hecho no había rastros de prueba. ¡JS encontrados en las fuentes! Se acerca el clímax, entonces, ¿cómo puedo depurar el punto de ruptura? ? ?
Conozco dos soluciones, primero la más fácil:
Solución 1: Agregar //@ sourceURL=test.js al encabezado o cola del código Test.js, y luego encontrarlo en (no domain) para la depuración y ver el resultado:
Solución 2: Cambie el método asincrónico de $.getScript para crear etiquetas de script y cargar sincrónicamente. La figura se enumera directamente:
Resumir
El punto de interrupción de la consola es muy útil para verificar el código, la detección de funciones, la visualización de datos y otras necesidades. Intentamos reemplazar la consola molesta. Blog con puntos de interrupción. Lo anterior es todo el contenido de este artículo. Espero que sea útil para el estudio y el trabajo de todos. Si tiene alguna pregunta, puede dejar un mensaje para comunicarse.