2011-09-09 3 views
54

Chrome 또는 Safari JavaScript 디버거의 "Cart.add"함수에 중단 점을 설정하고 싶습니다. 문제는이 함수가 대규모로 축소 된 JS 파일에 정의되어 있으며 한 줄에 단독으로 존재하지 않는다는 것입니다.Chrome 또는 Safari에서 축소 된 JS 함수에 중단 점을 설정하는 방법은 무엇입니까?

설명서에 따르면 WebKit 기반 디버거는 디버그 콘솔에서 "중단"또는 "디버그"명령을 지원하지만 최신 버전의 디버거에서는 작동하지 않는 것으로 알려져 있습니다.

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

제안 사항?

+0

자바 스크립트를 unminify하고 다시 할 수 있습니까? http://stackoverflow.com/questions/822119/online-tool-to-unminify-decompress-javascript – Rikon

답변

4

debugger statement은 아마도 당신이 찾고있는 것일 것입니다. 디버거에서 실행할 때 중단 점을 일으킬 구현을 허용 할 수있다 DebuggerStatement 생산을 평가

. 디버거가 없거나 활성화되어 있으면이 명령문은 관찰 할 수있는 효과가 없습니다.

생산 DebuggerStatement 다음과 같이 debugger ;이 평가 :

  1. 구현 정의 디버깅 기능을 사용할 수 다음

    A, 사용 가능합니다. 구현 정의 된 디버깅 작업을 수행하십시오.

    b. 결과를 구현 정의 완료 값으로 둡니다. 그렇지

  2. . 결과는 (보통, 비어 있음, 비어 있음)합시다.

  3. 반송 결과.

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

진짜 해결책은 비록 처음 :)에 코드를 놈하지 않는 것입니다

당신이 바닥에 Scripts 탭이 { } 버튼을 클릭하여 선택한 파일을 싸게 치장 할 수 있습니다 ("예쁜 프린트")를 열고 크롬에서
145

. 그 다음에 라인을 찾고 중단 점을 설정할 수 있습니다. 코드는 페이지를 새로 고친 후 중단 점이있는 상태로 미리 채워집니다.

+0

안정 채널에 있습니까? – Jan

+6

이 팁은 정말 끝내 주는데, 내 생각에 이걸 알아 냈을 것 같지 않은데. – ZenLikeThat

+0

serg .. 당신은 전설입니다 – abbood

-1

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

+0

축소 된 js 파일을 다룰 때, 보통 디버깅 중임을 고려하십시오 프로덕션의 무언가. 대다수의 경우, 스크립트를 멋진 버전으로 대체하기위한 환경에 대한 액세스 권한이 없거나 그렇게해도 안됩니다. –

관련 문제