JavaScript_javascript 기술의 console.time() 함수에 대한 자세한 소개

웹 디버깅 중에 코드가 실행되는 시간을 알고 싶다면 JavaScript 코드에 console.time() 문과 console.timeEnd() 문을 추가하여 프로그램 실행 시간을 알 수 있습니다. 다음과 같은 긴 foo() 함수를 예로 들어 보겠습니다.

함수를 실행하는 데 걸리는 시간을 알고 싶다면 foo() 함수 호출 앞에 console.time() 문을 삽입하고 호출이 끝난 후에 console.timeEnd() 문을 삽입하면 됩니다.

프로그램이 실행된 후 콘솔에는 이 타이밍의 결과인 "test: 1797ms"가 표시되고 표시되는 로그 수준은 info입니다.

console.time() 및 console.timeEnd()는 타이밍 ID와 동일한 문자열을 매개변수로 허용합니다. 브라우저는 console.time()을 동일한 매개변수(id) 및 console.timeEnd()와 페어링하고 둘 사이의 시간 차이를 기록합니다. 따라서 다른 ID를 사용하여 JavaScript 프로그램의 다른 위치를 측정하는 것이 가능합니다.

브라우저 지원

각 브라우저에 대해 console.time() 타이밍 지원은 다음과 같습니다.

파이어폭스. 10.0 이후 기본 지원. 이전 버전의 Firefox에서는 Firebug 플러그인을 설치하면 됩니다. 자세한 내용은 https://developer.mozilla.org/en-US/docs/Web/API/console.time?redirectlocale=en-US&redirectslug=DOM/console.time
을 참조하세요. 구글 크롬. 2.0 이후 기본 지원. 자세한 내용은 https://developers.google.com/chrome-developer-tools/docs/console-api#consoletimelabel
을 참조하세요. 즉. IE11에서 기본적으로 지원됩니다. 이전 버전의 IE에서는 Firebug Lite를 설치하면 됩니다. 자세한 내용은 http://msdn.microsoft.com/en-us/library/ie/dn265071(v=vs.85).aspx
를 참조하세요. 원정 여행. 4.0 이후 기본 지원. 자세한 내용은 https://developer.apple.com/library/safari/documentation/AppleApplications/Conceptual/Safari_Developer_Guide/Console/Console.html
을 참조하세요. 오페라. 지원하다. 자세한 내용은 http://www.opera.com/dragonfly/documentation/console/
을 참조하세요.