웹 작업자 디버그

웹 작업자를 사용하면 프로세서 사용이 많은 코드를 주 실행 스레드에서 실행하여 스레드를 분리함으로써 사용자 인터페이스 성능을 개선할 수 있습니다. 이제 F12 개발자 도구로 이러한 스레드도 디버그할 수 있으므로 개별 작업자 스크립트를 보고, 중단점을 설정하고, 변수를 관찰할 수 있습니다.F12 개발자 도구의 작동 방식은 전과 상당히 유사하지만 몇 가지 변경 사항이 있습니다.

디버그할 스크립트를 선택하기 위해 사용하던 이전의 드롭다운 상자가 스크립트 탭의 소스 탭으로 바뀌었습니다. 소스 탭에는 주 스크립트 및 포함된 스크립트가 모두 나열되며, 디버깅을 시작하면 동적 웹 작업자 스레드도 표시됩니다. 스크립트를 보려면 목록에서 이름을 두 번 클릭하면 됩니다.

주 스레드에서든 웹 작업자 스레드에서든, 중단점에서 실행이 중지되면 상태 보존을 위해 모든 것이 일시 중지됩니다. 웹 작업자를 단계별로 실행하면 나머지는 일시 중지된 채 해당 작업자만 실행됩니다. F5를 눌러 다시 시작하면 다른 스레드도 다시 시작됩니다. 주의점: 코드를 단계별로 실행하는 동안에는 현재 디버깅하는 웹 작업자를 변경할 수 없습니다. 다른 웹 작업자로 이동하려면 해당 작업자에서 중단점을 설정한 다음 다시 시작하여, 원하는 웹 작업자에서 실행이 멈추도록 해야 합니다.

중단점 탭은 전역이므로 설정한 중단점을 모든 스레드에서 볼 수 있습니다. F12 개발자 도구의 이전 버전에서와 마찬가지로 스크립트 창에서 코드를 열려면 목록을 두 번 클릭합니다.

스크립트가 실행 중이면 콘솔이 전역 기반으로 작동하므로 실행 줄에 스크립트와 변수를 입력할 수 있습니다. 스크립트의 중단점에 있는 경우 콘솔은 해당 스크립트 또는 함수의 컨텍스트에서만 작동합니다.

관련 항목

F12 개발자 도구
개발자용 Internet Explorer 10 가이드

 

 

표시:
© 2014 Microsoft. All rights reserved.