나는 이전에 printf 디버깅을 사용했고 그 이후 로이 방법으로 버그를 더 빨리 고치는 것처럼 보였습니다.
경우에 따라 더 나은 도구가 필요합니다. 여기에는 최고의 도구가 있습니다. 여기에는 최고의 도구가 있습니다.
1. 디버거;
"디버거"를 사용할 수 있습니다. 코드에 강제 중단 점을 추가하는 진술.
중단 점 조건이 필요합니까? if 절로 래핑하십시오.
코드 사본은 다음과 같습니다.
if (somethinghappens) {
디버거;
}
온라인으로 가기 전에 제거하는 것을 잊지 마십시오.
2. 노드가 변경 될 때 분리
때때로 Dom은 고유 한 아이디어를 가지고있는 것 같습니다. 놀라운 변화가 발생할 때 문제의 근본 원인을 찾기가 어렵습니다.
Chrome 개발자는이 문제를 디버깅하는 데 유용한 기술을 가지고 있습니다. 이것을 "break on ..."라고하며, 요소 탭에서 dom 노드를 마우스 오른쪽 버튼으로 클릭하여 찾을 수 있습니다.
노드의 속성이 변하기에서 하위 트리 변경에서 노드가 변경되거나 노드가 변경 될 때 노드가 삭제 된 후에 중단 점을 설정할 수 있습니다.
3. Ajax 브레이크 포인트
XHR 브레이크 포인트 또는 내가 ajax 브레이크 포인트라고 부르는 것도 예상 AJAX 요청이 생성 될 때 연결을 끊을 수 있습니다.
웹 응용 프로그램의 네트워크를 디버깅 할 때 놀라운 도구입니다.
4. 다른 모바일 장치를 시뮬레이션합니다
Chrome은 내장 모바일 장치 시뮬레이션 도구를 추가하여 일상 생활을 단순화합니다.
소비자가 아닌 탭을 선택하려면 키보드에서 ESC 키를 누르고 터치하려는 모바일 장치를 선택하십시오.
당신은 확실히 실제 iPhone을 얻지 못하지만 크기, 터치 이벤트 및 Agemt가 당신을 따라갈 것입니다.
5. 감사를 통해 사이트를 개선하십시오
Yslow는 훌륭한 도구입니다. Chrome에는 또한 개발자 도구에서 감사하는 유사한 도구가 포함되어 있습니다.
웹 사이트를 빠르게 검토하여 유용한 실제 최적화 팁을 얻으십시오.
다른 뭐야?
이러한 도구가 없으면 개발 방법을 상상할 수 없습니다. 새로운 것을 찾으면 더 많은 것을 게시하므로 계속 지켜봐 주시기 바랍니다.