웹 디버깅 프로세스 중에 코드 실행 시간을 알아야하는 경우 javaScript 코드에서 Console.Time () 문 및 console.timeend () 문을 추가하여 프로그램 실행 시간을 가질 수 있습니다. 다음 장기 foo () 함수가 예입니다.
코드 사본은 다음과 같습니다.
함수 foo () {
var x = 4.237;
var y = 0;
for (var i = 0; i <100000000; i ++) {
y = y + x*x;
}
반품 Y;
}
함수 실행 중 얼마나 오래 걸리는 시간을 알아야하는 경우, foo () 함수 호출 전에 console.time () 문을 삽입하고 통화가 완료된 후 Console.timeend () 문을 삽입 할 수 있습니다.
코드 사본은 다음과 같습니다.
Console.Time ( "테스트");
foo ();
Console.TimeEnd ( "테스트");
프로그램이 실행되면 콘솔은 이시기의 결과를 표시합니다. "테스트 : 1797ms", 표시된 로그 레벨은 정보입니다.
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%2fconsole.time을 참조하십시오
Chrome. 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%28v=vs.85%29.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/