2013-08-28 1 views
0

많은 자바 스크립트를 사용하는 웹 사이트를 최적화해야합니다. 나는 그 사이트의 저자가 아니다. JavaScript가 작동하는 방식을 이해하고 JavaScript와 관련된 몇 가지 사항을 최적화해야합니다. 그리고이를 위해 페이지로드 중에 JS 코드가 구체적으로 실행되는지 이해해야합니다.JavaScript 함수 실행 순서를 분석하는 방법

JavaScript 함수 실행 순서를 표시하는 방법을 찾고 있습니다. 내가 다루고있는 사이트는 약 40 개의 외부 스크립트와 아마 여기 저기에 채워진 20-40 개의 인라인 JS를 사용합니다. Firefox 부가 기능이 가장 좋습니다.

나는 각각의 JS 파일에 console.log("script name");을 추가 할 수 있지만 코드 양은 엄청나 다. 나는 파이어 버그가 프로파일 러와 함께 배송된다는 것을 알고 있지만 기능이 실행 된 것을 볼 수는 없다. 게다가 분석하려고하는 사이트에서 충돌이 발생합니다.

그냥 함수 실행 순서를 알고 싶습니다. 사이트가 jQuery를 많이 중계합니다. 거의 모든 스크립트는 jQuery입니다.

+1

매트. –

답변

1

이전 문의와 마찬가지로 Chrome을 사용해보세요. 여기에 몇 가지 유용한 링크는 JS를 프로파일 개발자 도구를 사용하는 데 도움이 : - 타임 라인 프로필에 애디 오스 마니에 의해

https://developers.google.com/chrome-developer-tools/docs/cpu-profiling http://coding.smashingmagazine.com/2012/06/12/javascript-profiling-chrome-developer-tools/ https://developers.google.com/chrome-developer-tools/docs/timeline

위대한 게시물 : -

https://developers.google.com/chrome-developer-tools/docs/timeline

이 희망 너에게 유용하다. 트릭을 할 수 있어야하거나 이벤트가 발생하는 순서를 볼 수있는 타임 라인을 사용할 수 크롬에서 프로파일있다

+0

이것이 내가 필요한 것입니다. 감사. 비록 내가 크롬을 좋아하지는 않지만, 실제로 Firefox를 사용할 필요성을 느끼는 것은 이번이 처음이다. 파이어 폭스 대안이 좋을지라도. – SiliconMind

관련 문제