머리말
우리는 일상적인 개발에서 강력한 크롬 콘솔 소스를 사용하여 코드 브레이크 포인트를 디버그하는 경우가 많지만 $.getScript 및 기타 비동기식을 통해 JS를 비동기로로드하여 소스에서 찾을 수 없습니다. 그렇다면 중단 점을 디버그하는 방법은 무엇입니까? 아래에서 함께 살펴 보겠습니다.
이것은 소스 브레이크 포인트와 함께 디버깅의 예제입니다.
그림에서 index.js에서 test.js를 $.getScript 도입하여 수행 방법을 확인할 수 있습니다.
우리는 네트워크에서 Test.js가 성공적으로 도입되었지만 XHR 클래스 요청에 속한다고 보았으므로 소스에서는 확실히 찾을 수 없습니다.
예상대로, 실제로 Test.js의 흔적은 없었습니다. 절정이오고 있으므로 어떻게 중단 점을 디버깅 할 수 있습니까? ? ?
두 가지 솔루션을 알고 있습니다. 가장 먼저 가장 쉬운 솔루션입니다.
솔루션 1 : test.js 코드의 헤더 또는 꼬리에 //@ sourceURL=test.js 추가 한 다음 디버깅을 위해 (no domain) 에서 찾아 결과를 확인하십시오.
솔루션 2 : $.getScript 의 비동기 메소드를 변경하여 스크립트 태그를 만들고 동기식으로로드하십시오. 그림이 직접 나열됩니다.
요약
콘솔 중단 점은 코드, 기능 감지, 데이터보기 및 기타 요구 사항을 확인하는 데 매우 유용합니다. 성가신 콘솔을 교체하려고합니다. 위는이 기사의 전체 내용입니다. 모든 사람의 연구와 일에 도움이되기를 바랍니다. 궁금한 점이 있으면 의사 소통을 위해 메시지를 남길 수 있습니다.