2012-06-15 10 views
0

어쨌든 웹 사이트가 HTML, CSS 및 자바 스크립트에서 처리되는 정확한 순서를 추적/볼 수 있습니까?HTML, CSS 및 Javascript에서 코드 실행 추적

나는 첫 번째 단계에서 발사하지 않는 함수가 있는데, 나는 그것이 실행 순서와 관련이 있다고 확신한다. 또한 개별 단계가 처리되는대로 (천천히) 처리하는 것이 매우 유익합니다.

고마워요.

이이 질문에 대한 관계에 크롬에서 flashMovie.Play is not a function

+0

잘 모르겠다. 브라우저의 개발자 도구가 당신이 원하는 것 같다. (예 : [Chrome 's] (https://developers.google.com/chrome-developer-tools/)) 모든 브라우저에 해당 브라우저가 있으며 모두 자바 스크립트 디버거가 있습니다. – millimoose

+0

어떤 브라우저를 사용하고 있습니까?특히 Google 크롬에는이를위한 다양한 도구가 내장되어 있습니다. – Brad

+0

문제가 자바 스크립트 인 경우 페이지의 소스 코드를 게시하면 도움이 될 수 있습니다. – kevin628

답변

3

코드에 breakpoints을 설정하고 실행 경로를 단계별로 실행하려는 것처럼 들립니다.

  1. 크롬 화면, 선택 도구의 오른쪽 상단에있는 렌치 기호를 클릭하고 선택 개발자 도구
  2. 에 폴더에 크롬 화면의 아래쪽 창
  3. 클릭의 스크립트 탭에서
  4. 클릭 크롬 화면의 아래쪽 창의 왼쪽 상단 모서리
  5. 이 설치 중단 점
원하는 라인에
  • 클릭을 디버깅 할 스크립트에 클릭

    크롬 개발자 도구의 공식 설명서는 https://developers.google.com/chrome-developer-tools/docs/scripts

    입니다. 원하는 중단 점 (스크립트의 첫 번째 줄 일 수 있음)을 클릭하면 "다음 함수 호출로 이동"(Chrome 화면의 맨 아래 창 오른쪽 상단에있는 점을 가리키는 아래쪽 화살표와 같은 모양입니다.

    Screenshot of Chrome Script Debugger

    이러한 질문뿐만 아니라 도움이 될 것입니다

  • +0

    고마워요! 저건 완벽 해. –

    1

    에서, 개발자 도구 모음를 사용합니다. 키보드 키 : F12를 누릅니다.

    1

    JS에 alert(1); 또는 console.log(2)을 삽입하고 결과를 확인하십시오. Firefox 시작을 사용하여 웹 콘솔을 열고 오류가 있는지 살펴보십시오. Ctrl+Shift-K을 눌러 웹 콘솔을여십시오.

    1

    개발자 도구는 F12 또는 Ctrl + Shift-K를 누르면 거의 모든 브라우저에서 작동합니다. 코드를 디버그하고 콘솔을 사용합니다.