> 웹 프론트엔드 > JS 튜토리얼 > 자바스크립트 스크립트 디버깅 방법_자바스크립트 기술 요약

자바스크립트 스크립트 디버깅 방법_자바스크립트 기술 요약

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
풀어 주다: 2016-05-16 18:58:22
원래의
1030명이 탐색했습니다.
1. 경고 방법
이 방법도 매우 원시적인 방법이지만 디버그하기가 매우 번거롭습니다.
2. 디버거 방법
먼저 인터넷 옵션 - 고급을 열고 "스크립트 디버깅 비활성화(Internet Explorer)"를 선택 취소하세요.
다른 브라우저에서 디버깅을 활성화하려면 "도 선택을 취소하세요. "스크립트 디버깅 비활성화(기타)".
그런 다음

과 같이 디버그하려는 위치에 디버거를 추가합니다.
IE로 페이지를 열면 VS2005가 자동으로 디버깅을 위해 호출됩니다.
예를 클릭하고 평소와 같이 F10 또는 F11을 누릅니다. 디버깅

현재 자바스크립트 프로그래밍을 하고 있거나 준비하고 있는 사람이라면 누구나 이 마법 같은 것을 사용하고 매우 자랑스러울 것입니다.
어떤 도구도 사용하지 않고도 원하는 거의 모든 기능을 구현할 수 있습니다.
그러면 사용해 본 사람이라면 이런 프로그래밍 스크립트가 쿼리 오류나 디버깅이라고 할 때 상당히 번거롭다는 것을 알 것입니다.

아래에는 내 경험 중 일부를 결합했으며, 물론 일부는 인터넷에서 가져온 것입니다. ㅎㅎ
1. 경고 기능을 사용하세요

이 기능은 디버깅할 때 가장 많이 사용되는 기능인데, 특정 변수나 배열에 대해 거기에 문제가 있을 수 있다고 생각되면 바로 로컬 경고 출력, 하하.
2. 에디터의 구문 강조 기능을 활용하세요

일부 맞춤법에 오류가 있을 수 있습니다. 현재는 구문 강조 기능이 있는 에디터를 사용하는 것이 좋은 방법입니다. 문법 에디트플러스, 울트라에디트, 드림위버 등 강조 기능이 있는 에디터가 많이 있습니다. 코드 작성 시 키워드(아마도 정확한 예약어)의 철자 오류가 있는 경우 다른 색상으로 표시됩니다.
document.write("hello World!");
이전 문장의 예약어에 철자 오류가 있는 경우 색상은
documents.write("hello World! "); 3. 크기 차이에 주의하세요
(참고로 html은 대소문자를 구분하지 않지만, js 코드를 html로 직접 작성하면 크기가 다르게 보일 수 있습니다) . 주의하셔야 합니다)
이런 종류의 스크립트 언어는 대소문자를 엄격하게 구분합니다. 철자를 틀리면 색상이 틀릴 뿐만 아니라 메소드 오류가 발생하여 사용할 수 없게 됩니다. 실행을 계속합니다.
4. 괄호의 짝

여기의 괄호에는 일반적으로 사용되는 괄호와 괄호가 포함되어 있어 확인 시 중요한 포인트입니다.
5. 코드 들여쓰기 스타일을 엄격하게 구현하세요

이것도 매우 중요합니다. 특히 오류를 쿼리할 때 물론 이것 때문에 이 스타일을 유지할 수는 없습니다. 시간을 절약하세요.
6. 브라우저를 사용하여 실행 및 디버깅

사실 모든 브라우저에는 IE 시리즈, FF 등 오류 표시 기능이 있지만 눈치채지 못했을 뿐입니다. 여기서는 FF의 디버깅 기능을 집중적으로 살펴보겠습니다.
FF 자체에는 오류 콘솔 기능이 있습니다. 전원을 켜면 오류 메시지가 표시됩니다. 물론 가장 유용한 것은 Web Developer와 FireBug 플러그인입니다. 이 두 플러그인을 사용하는 방법에 대한 많은 기사가 있습니다.
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿