Chrome 또는 Safari에서 축소 된 JS 함수에 중단 점을 설정하는 방법은 무엇입니까?

Chrome 또는 Safari에서 축소 된 JS 함수에 중단 점을 설정하는 방법은 무엇입니까?

---

Chrome 또는 Safari JavaScript 디버거의 "Cart.add"기능에 중단 점을 설정하고 싶습니다. 문제는이 함수가 큰 축소 된 JS 파일에 정의되어 있고 그 자체로는 한 줄에 존재하지 않는다는 것입니다.

일부 문서에 따르면 WebKit 기반 디버거는 디버그 콘솔에서 "break"또는 "debug"명령을 지원하지만 최신 버전의 디버거에서는 작동하지 않는 것 같습니다.

JS 파일의 해당 줄 에 중단 점을 설정하는 것도 해당 줄 에 많은 기능이 있기 때문에 작동하지 않습니다.

어떤 제안?

---

Chrome에서 Scripts탭 을 열면 { }하단 에있는 버튼 ( "예쁜 인쇄")을 클릭하여 선택한 파일을 미리 설정할 수 있습니다 . 그 후 라인을 찾고 중단 점을 설정할 수 있습니다. 코드는 페이지를 새로 고친 후에도 중단 점을 사용하여 미리 설정된 상태로 유지됩니다.

---

그 debugger진술 은 아마도 당신이 찾고있는 것일 것입니다.

DebuggerStatement 프로덕션을 평가하면 구현이 디버거에서 실행될 때 중단 점이 발생할 수 있습니다. 디버거가 없거나 활성 상태가 아니면이 문은 관찰 가능한 효과가 없습니다.

프로덕션 DebuggerStatement : debugger ;는 다음과 같이 평가됩니다.

1. 구현 정의 디버깅 기능이 사용 가능하고 활성화 된 경우

   ㅏ. 구현 정의 디버깅 작업을 수행합니다.

   비. 결과를 구현 정의 완료 값으로 설정합니다.

2. 그밖에

   ㅏ. 결과를 (일반, 비어 있음, 비어 있음)으로 둡니다.

3. 결과를 반환합니다.

break문 루프와 종료하기위한 switch문을 디버깅과는 아무 상관이 없습니다.

실제 해결책은 처음부터 코드를 도청하지 않는 것입니다. :)

---

웹 페이지를 저장 한 경우 전체 스크립트 형식을 지정하는 jsbeautifier.org를 사용하여 js 파일을 아름답게 만드십시오. 그런 다음 js 콘텐츠를 아름다운 버전으로 바꿉니다. 여기에서 JS를 쉽게 디버깅 할 수 있습니다.

참고 URL : https://stackoverflow.com/questions/7366111/how-to-set-a-breakpoint-on-a-minified-js-function-in-chrome-or-safari