Firefox(파이어폭스)67은 더 빠르고 안정적인 자바스크립트 디버깅 도구를 제공한다.

Firefox DevTools 디버거팀은 Firefox DevTools에서 최신 업데이트를 공유하여 최신 응용 프로그램의 디버깅을 보다 일관성있게 유지했다. 또한 디버거를 보다 예측 가능하게 만들고 webpack, Babel 및 TypeScript와 같은 웹 개발의 일반적인 도구를 이해할 수 있게 되었다.

이번 업데이트는 5월 21일에 공개된 Firefox 67에서 테스트 할 수 있다.

오늘날 모든 브라우저에는 웹 응용 프로그램을 쉽게 검사하고 디버깅 할 수 있는 강력한 개발자 도움 모음이 함께 제공된다. 이 도구를 사용하면 현재 로드된 자바스크립트를 검사하고 페이지를 즉시 편집하고 신속하게 문제를 진단하는 작업을 수행할 수 있다.

■ 개정 된 소스맵 지원

소스 맵은 클라이언트 측 코드를 결합 및 축소 한 후에도 읽을 수 있고 디버깅 할 수있는 방법을 제공한다. 새로운 디버거는 바벨, Webpack, TypeScript, vue.js 등의 컴파일 된 출력이 아닌 코드를 디버깅 한다는 착각을 완벽하게 하는 소스 맵에 대한 지원이 개선되었다 . 개발자가 정확한 소스 맵을 생성 할 수 있도록, 팀과 커뮤니티는 Babel, JavaScript 컴파일러 및 구성 가능한 변환기와 같은 도구를 만들기위한 패치를 제공했다.

■ 손쉬운 일시 중지 및 스테핑을 위한 예측 가능한 중단점

향상된 디버거 아키텍처는 개발자가 중단점을 잃거나, 잘못된 스크립트를 일시 중지하거나, 예쁜 코드를 실행하는 것과 같이 일반적으로 직면했던 몇 가지 문제를 해결한다. 이제는 인라인 중단점을 사용하여 축소된 스크립트, 화살표 함수 및 체인화 된 메서드 호출을 쉽게 디버그 할 수 있다.

■ 로그 포인트를 사용한 콘솔 디버깅

개발자는 종종 실행을 일시 중지하지 않고도 프로그램의 흐름을 신속하게 관찰 하고자 할 때 콘솔 로깅 (console.log 문을 사용하여 콘솔에 메시지를 인쇄)에 의존한다. 그러나 이러한 디버깅 방법은 매우 지루할 수 있다. 이것이 Firefox 67부터 개발자가 실행중인 응용 프로그램에 'console.log ()'문을 동적으로 삽입하는 'logpoint'라는 새로운 중단 점을 갖게된다.

■ 자바 스크립트 작업자를위한 더 나은 디버깅

웹 작업자는 웹 응용 프로그램의 기본 실행 스레드에 영향을 주지 않고 백그라운드에서 실행되는 스크립트이다. 주 스레드가 느려지지 않고 실행될 수 있도록 모든 과정을 처리한다. Firefox에는 이제 컨텍스트를 전환 할 수 있고 다른 실행 컨텍스트를 독립적으로 일시 중지 할 수있는 업데이트 된 스레드 패널이 제공된다. 이렇게 하면 동일한 디버거 패널 내에서 작업자와 해당 스크립트를 디버깅 할 수 있다.

[ⓒ CWN(CHANGE WITH NEWS). 무단전재-재배포 금지]