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