Firebug의 외부 JS 스크립트에서 중단 점을 어떻게 설정할 수 있습니까?
-
09-06-2019 - |
문제
내장 된 JS 함수에서 중단 점을 쉽게 설정할 수 있지만 디버그 세션 중에 입력하지 않는 한 Firebug를 통해 외부 JS 스크립트에 액세스 할 수있는 방법이 없습니다.스크립트를 '탐색'하지 않고도이를 수행 할 수있는 방법이 있습니까?
@Jason : 좋은 지적이지만 제 경우에는 대본에 쉽게 액세스 할 수 없습니다.구체적으로 디버깅하려는 ASP.Net Validator에 의해 호출되는 클라이언트 스크립트에 대해 이야기하고 있습니다.함수 호출을 입력하여 디버그 세션 중에 액세스 할 수 있지만 직접 액세스하는 방법을 찾을 수 없습니다.
해결책
Firebug 내에서 외부 자바 스크립트 파일 (* .js)을보고 액세스하려면 :
- '스크립트'탭을 클릭합니다.
- '전체'드롭 다운을 클릭합니다. 위의 왼쪽 상단 모서리 스크립트 코드 콘텐츠 창.
- '정적 스크립트 표시'를 선택합니다.
- 드롭 다운 버튼을 클릭하여 이제 '정적'이라고 말하는 권리 (기본적으로 이름이 표시되어야합니다. 현재 웹 페이지의).당신 이제 파일 목록이 표시됩니다 현재 웹 페이지와 연결 외부 JS 파일 포함
- 현재 JavaScript 파일 선택 관심이 있고 코드는 콘텐츠 창에 표시됩니다.에서 거기, 당신은 설정할 수 있어야합니다 중단 점은 정상입니다.
다른 팁
분리하려는 행의 외부 스크립트 파일에 debugger;
를 배치하십시오.
'디버거'삽입라인은 또한 크롬 디버거를위한 트릭을 수행합니다.
왼쪽 여백의 줄 번호를 클릭하면 중단 점이 생성됩니다 (빨간색 원이 나타남).
로드 된 모든 스크립트는 방화범 메뉴에서 사용할 수 있어야합니다. 현재 파일의 이름이 나열된 모든 파일과 함께 드롭 다운이 표시되어야한다고 표시된 곳을 클릭하세요.
중단 점을 배치 한 후 방화범 콘솔에서 이름으로 호출하고 중간 함수의 출력을 볼 수도 있습니다 (또는 단계별로 실행).이것은 기본 진입 점이 다른 많은 도우미 함수를 호출 할 때 도움이 될 수 있으며 이러한 도우미가 작동하는 방식에만 관심이 있습니다.
즉, ASP.Net 유효성 검사기에 대해 전혀 알지 못하므로 가능하지 않습니다.