브라우저 모니터링의 JS errors UI 페이지는 JavaScript 오류가 발생한 위치를 보여주고 근본 원인을 파악하는 데 도움이 되는 도구를 제공합니다. 또한 쿼리 빌더에서 JS 오류 데이터의 대시보드를 쿼리 및 생성하거나, 브라우저 API를 사용해 처리된 오류를 모니터링할 수 있습니다.
JavaScript 오류 보기
JavaScript 오류를 검사하려면:
- one.newrelic.com > All capabilities > Browser > (select an app) > JS errors로 이동합니다.
- UI에서 사용 가능한 옵션을 사용해 오류의 원인을 조사합니다.
- 선택 사항: UI에서 이벤트 트레일 또는 스택 트레이스를 검토합니다.
- 선택 사항: 쿼리 빌더를 사용해 JS 오류 데이터에 대한 대시보드를 쿼리 및 생성하거나 API를 사용해 오류를 모니터링하거나 로깅합니다.
UI에서 사용 가능한 옵션은 다음과 같습니다.
원하는 경우... | 다음 작업 수행 |
|---|---|
긴 오류 목록 검색 | 검색 창을 사용하면 키워드, URL 등으로 오류를 더 빠르게 찾아 수정할 수 있습니다. |
속성 그룹화 및 필터링 |
|
주목할 만한 이상 징후 및 패턴 확인 | Error profiles 표에는 정상보다 오류가 자주 발생하는 브라우저 버전이나 디바이스 등 주목할 만한 통계적 변화가 표시됩니다. |
오류 세부 정보 검사 | |
오류를 유발하는 이벤트 조사 | 이벤트 트레일은 브라우저 상호 작용, AJAX 호출 및 오류를 유발한 트레이스를 보여줍니다. |
축소된 JavaScript 디코딩 | JavaScript가 축소된 경우 JS errors 페이지의 오류가 그다지 유용하지 않을 수 있습니다. 축소된 JavaScript를 디코딩하고 이러한 오류 스택 트레이스를 더 유용하게 만들기 위해 JavaScript 소스 맵을 뉴렐릭에 업로드할 수 있습니다. |
one.newrelic.com > All capabilities > Browser > (select an app) > JS errors > (select an error) > Error instances: 이 페이지를 사용해 오류를 그룹화 및 필터링하고, 세부적인 스택 트레이스 정보를 탐색하고, 트렌드를 조사할 수 있습니다.
JS 데이터 쿼리 및 시각화
뉴렐릭은 JS 오류를 이벤트 데이터로 저장합니다. 이렇게 하면 쿼리 빌더에서 오류 데이터를 쿼리할 수 있습니다. NRQL 쿼리를 실행하고 확인 및 공유할 대시보드를 만들려면 쿼리 빌더에서 JavaScriptError 이벤트 유형을 쿼리합니다.
API로 처리된 오류 모니터링
앱에서 처리된 오류 또는 기타 기타 오류를 확인하거나 로깅하려면, 브라우저 API의 noticeError 호출을 사용합니다.
이벤트 트레일 검토
중요
SPA monitoring을 활성화해야 합니다.
이벤트 트레일은 브라우저 상호 작용, AJAX 호출 및 JS 오류로 이어진 트레이스를 보여줍니다. 이는 오류의 근본 원인을 해결하는 데 도움이 될 수 있습니다.
one.newrelic.com > All capabilities > Browser > (select an app) > JS errors > (select an error) > Error instances: SPA 모니터링을 활성화하면 이벤트 추적에 오류가 발생한 활동이 표시됩니다.
이벤트 트레일을 보려면(사용 가능한 경우): one.newrelic.com > Browser > (앱 선택) > JS errors > (오류 선택) > Error instances 로 이동합니다. 이벤트 트레일에 이벤트가 없으면 이벤트 트레일이 보이지 않습니다.
예를 들어, 오류 메시지를 제공하는 AJAX 요청 후에 JS 오류가 발생하는 경우 AJAX 요청에 올바른 정보가 포함되어 있지 않기 때문일 수 있습니다. 이런 경우 AJAX 호출 실패로 인해 JS 오류가 발생합니다.
스택 트레이스 보기
스택 트레이스는 오류가 중요한 기능을 손상시키는지, 또는 덜 중요한 오류인지 표시할 수 있습니다. 오류의 스택 을 보트레이스를 확인하려면(사용 가능한 경우): one.newrelic.com > All capabilities > Browser > (select an app) > JS errors > (select an error) > Error instances로 이동합니다.
전역 및 일반 오류
뉴렐릭은 JavaScript 함수를 래핑하고 스택 트레이스를 통해 발생한 오류에 대한 정보를 얻습니다. 오류가 발생하지 않으면 사용할 수 없습니다. 예를 들어 AngularJS 애플리케이션이 있는 경우 UI에 AngularJS 오류가 표시되지 않으면 문제 해결 절차를 따르십시오.
일부 이전 브라우저의 경우 다음 오류가 표시되지 않을 수 있습니다.
SyntaxError또는Script error: 스크립트가 로드되는 동안 발생하므로 스택 트레이스를 생성하지 않습니다.- 인라인 JavaScript 또는 이벤트 처리기 오류: 래핑되지 않습니다.
- 다른 도메인에 있는 서드파티 스크립트에서 발생한 오류는 제공되지 않습니다.
- 이전 브라우저에서 발생하는 오류: 사용 가능한 스택 트레이스를 제공하지 못할 수 있습니다. 경우에 따라 스택 트레이스를 전혀 제공하지 않을 수도 있습니다.
오류 수집은 JavaScript 함수를 래핑하여 수행되므로, 낮은 수준의 브라우저에서 발생하는 오류(예: 크로스 출처 리소스 공유 오류)도 제공되지 않습니다.