javascript - 크롬 - 토르 자바스크립트 비활성화




Internet Explorer의 JavaScript 문제 해결 도구 (5)

나는 Firebug와 Mozilla JS 콘솔을 많이 사용하지만 매번 IE-only JavaScript 버그가 발생한다.이 버그는 정말 찾기 힘들다. (예 : 소스 HTML이 200 라인 밖에 안되는 라인 724의 에러 .

나는 Internet Explorer 용 경량의 JS 도구 ( la firebug)를 가지고 싶어한다. 오류가 발생하여 제거하면 클라이언트의 PC에 몇 초 만에 설치할 수있다. 일부 Microsoft 도구는 심각한 다운로드 및 구성 시간을 필요로합니다.

어떤 아이디어?


  1. 도구 -> 인터넷 옵션 -> 고급 -> 스크립트 디버깅 사용 (Internet Explorer)으로 이동하십시오.

그런 다음 오류가 발생하면 Visual Studio 디버거를 연결하십시오.

IE 8을 사용하고 있다면 디버거가 내장되어 있으므로 개발자 툴바를 설치하십시오.


IE 8에는 더 나은 도구가 있지만 Internet Explorer Developer Toolbar는 꽤 좋습니다.


Internet Explorer 8부터 IE는 JavaScript 디버깅, 프로파일 링 등을위한 꽤 인상적인 툴 세트를 제공하고 있습니다. 다른 브라우저와 마찬가지로 키보드의 F12 키를 눌러 개발자 도구에 액세스 할 수 있습니다.

스크립트 탭

콘솔, 프로파일 러 및 네트워크 탭은 응용 프로그램을 디버깅하는 동안 많이 사용됩니다.

스크립트 탭에서 다음을 수행 할 수 있습니다.

  • 자바 스크립트를보다 읽기 쉽도록 포맷
  • 페이지의 다양한 리소스의 소스에서 소스로 이동
  • 중단 점 삽입
  • 코드 실행을 단계별로 진행하면서 코드 행을 계속 이동하십시오.
  • 변수보기
  • 호출 스택을 검사하여 코드 실행 방법을 확인합니다.
  • 중단 점 토글
  • 그리고 더...

콘솔 탭

콘솔 탭은 응용 프로그램에 대해 임의의 코드를 실행해야 할 때 유용합니다. 이 방법을 사용하여 특정 메소드의 반환을 확인하거나 에 대한 솔루션을 신속하게 테스트 할 수 있습니다.

프로파일 러 탭

장시간 실행되는 프로세스를 찾거나 리소스를 많이 사용하는 메소드를보다 원활하게 실행하거나 코드를 최적화하기 위해 코드를 최적화하려는 경우 프로파일은 멋지다. 페이지를 열어 프로파일 러 탭에서 "프로파일 링 시작"을 클릭하여 기록을 시작하십시오.

프로파일 러가 작동하는 동안 페이지에 대해 이동하여 일반적인 작업을 수행 할 수 있습니다. 충분히 녹음했다고 생각되면 "프로파일 링 중지"를 누르십시오. 그러면 모든 기능 실행 또는 호출 트리에 대한 요약이 표시됩니다. 이 데이터를 여러 열로 빠르게 정렬 할 수 있습니다.

네트워크 탭

네트워크 탭은 사이트 / 애플리케이션의 트래픽을 기록합니다. 다운로드, 매달려 있지 않은 파일을 찾거나 비동기 적으로 요청되는 데이터를 추적하는 데는 매우 편리합니다.

이 탭에서 요약보기와 상세보기간에 이동할 수도 있습니다. 상세보기에서는 요청 및 응답과 함께 보낸 헤더를 검사 할 수 있습니다. 쿠키 정보를보고 이벤트의 타이밍을 확인하는 등의 작업을 할 수 있습니다.

IE 개발자 도구 정의를 실제로하고있는 것은 아닙니다. 나는 그 (것)들을 체크 아웃하고, 그 (것)들을 당신의 발달의 일부분으로 만드는 것이 좋습니다.


나는 Companion JS를 추천 할 것이다.

이것은 디버그 바 의 무료 버전이지만 사용하기 쉽고 필요한 기능이 있습니다. Firefox에서 Firebug와 같은 방식으로 IE에서 작은 JavaScript 스 니펫을 테스트하는 것이 좋습니다.

5 년 후 EDIT : 이제 Internet Explorer 통합 개발자 도구를 사용합니다.


Firebug Lite가 유용 할 수 있습니다.

북마크 렛은 사용자의 컴퓨터에서 디버깅 할 때 특히 유용합니다.





debugging