2011-07-17 3 views
43

크롬 디버거를 사용하고 있으며 페이지가 실행되면 중단 점을 설정할 때 유용합니다. 제 문제는 f5를 누르거나 URL 줄에서 Enter 키를 누르면 중단 점이 사라집니다. 페이지를 처음로드 할 때 발생하는 코드에 중단 점을 설정하려면 어떻게해야합니까?Chrome 자바 스크립트 디버거 사용/페이지 로딩 이벤트 중단 방법

+2

페이지를 다시로드해도 중단 점이 사라지지 않습니다. –

+1

나는 둘 다 f5를 시도하고 url에 커서를 놓고 Enter 키를 누르면된다. 두 경우 모두 중단 점이 더 이상 코드에 나타나지 않습니다 (chrome 및 ff 5.). 파블로, 페이지를 다시로드하면 어떻게 되나요? –

+0

내 컴퓨터에서 Ctrl + R이 제대로 작동합니다. –

답변

7

이후 버전의 Safari 및 Firefox는 다시로드 할 때마다 중단 점을 사용하여 올바르게 작동하지만 요청간에 요청이 정확히 동일해야합니다. 예를 들어, ExtJS 4에는 캐시를 비활성화하는 _dc=<epoch>이 추가됩니다.

는 다음을 추가, 그 동작을 중지하려면 다음을 수행하는 데 도움이

Ext.Loader.setConfig({ 
    disableCaching: false, 
    enabled: true 
}); 

희망을!

25

코드에 debugger;을 넣으십시오. FF의 Firebug에서도 작동합니다.

+8

코드를 쉽게 바꿀 수 있다면 좋은 해결책이 될 수 있습니다. –

+4

자바 스크립트이므로 Chrome 개발자 도구를 사용하여보고있는 모든 웹 사이트에 '디버거'문을 추가 할 수 있습니다 (공구 모양 -> 도구 -> 개발자 도구 -> "소스"클릭, 자바 스크립트 기능 찾기). 분명히 코드가 최소화되어 있거나 파고 들다는 많은 기능이있는 경우 간단하지 않습니다.이 개발자 도구에서도 이벤트 수신기를 볼 수있는 방법이 있지만 방법은 분명하지 않았습니다. 도움이 되었으면 좋겠다 –

+1

@dolan, 불행히도 –

76

Chrome의 개발자 도구에서 소스 탭으로 이동하십시오. 오른쪽에서 이벤트 리스너 중단 점을 열고 이벤트에 중단 점을 설정할 수 있습니다.

그것은 당신이 DOM 돌연변이 섹션입니다 DOMContentLoaded에 중단 점을 설정할 것처럼 들린다.

이렇게 한 후 페이지를 다시로드하면 디버거가 종료됩니다.

+0

이것은 밖으로있는 것 같습니다. – Aerovistae

+1

@Aerovistae Windows 용 Chrome 35에 아직 남아 있습니다. ("right"라고 말했을 때 "왼쪽"이라고 대답했기 때문에 대답을 편집했습니다.) –

+0

이것에 대해 몰랐습니다. , 무리를 도왔다. 현상금을 즐겨라. – Nit

관련 문제