Sentry-javascript: 이전 브라우저로 인해 [객체 이벤트]가 기록됨

로그의 한 특정 샘플은 다음 정보를 보여줍니다.

• 브라우저: 돌핀 3.0
• 장치: 삼성 GT-S8600
• OS: 바다 2.0

타사 Android 휴대전화(예: Samsung, HTC)에서처럼 보이는 Android 4.1~4.4의 Android 브라우저가 이 문제의 영향을 유사하게 받는지 확인할 수 있습니다. Nexus 휴대전화가 영향을 받는지 확인할 수 없습니다.

이것은 얻을 수 있는 훌륭한 기능이며 구현하기가 상대적으로 어렵지 않은 것 같습니다. 이벤트 개체의 속성에 액세스하기 위해 message.toString() == '[object Event]' $ 루프를 실행한 다음 for-in 루프를 빠르게 확인합니다. 이것은 Android 4.1 - 4.4에서 사이트의 디버그 문제를 돕는 데 유용합니다.

@d10 – 실험해 보았지만 작동하는지 확인할 실제 브라우저를 찾을 수 없습니다. BrowserStack에서 Android 4.1 – 4.4를 에뮬레이트하고 기본 Android 브라우저를 사용하려고 시도했지만 오류를 제대로 보고합니다.

그것은 좋은 기능이 될 것입니다! 우리는 이전 브라우저와 동일한 문제를 가지고 있습니다!

이것은 나를 미치게 만들었으므로 https://github.com/rollokb/raven-js/tree/feat/old-webkit-Event-handling 에 대한 패치를 작성했습니다.

풀 리퀘스트를 제출하기 전에 프로덕션 환경에서 잠시 테스트해 보겠습니다.

@rollokb – 커밋이 멋지게 보입니다. 그것이 어떻게 생산되는지 알려주십시오. 나중에 마스터에 병합하게 되어 기쁩니다.

엄청난! 그것은 나를 미치게 만들기도 합니다! +1

프로덕션에서 잘 작동하는 것 같습니다.

편집하다:

잘 작동하는 것 같지만 내가 직접 트리거한 이벤트에서만 가능합니다. 여전히 이벤트 내용에 대한 정보가 전혀 없습니다.

잘 작동하는 것 같지만 내가 직접 트리거한 이벤트에서만 가능합니다. 여전히 이벤트 내용에 대한 정보가 전혀 없습니다.

문제는 다음과 같습니다.

+        for (var property in event) {
+            if (event.hasOwnProperty(property)) {
+                options.extra[property] = event[property];
+            }
+         }

hasOwnProperty 를 확인하면 Event.prototype 에서 파생된 속성을 얻지 못할 것입니다. 이러한 영향을 받는 브라우저가 테스트에서 수행하는 것처럼(자신이 생성하는 Event 개체에 직접 속성을 배치하는 경우) 데이터가 표시되지 않습니다.

반면에 해당 체크를 제거하면 오류와 관련이 없는 많은 속성이 표시됩니다. 하지만 그런 모습을 볼 가치가 있을지도 모릅니다.

당신이 옳을 것입니다. PhantomJS로 테스트할 때 나는 이것에 사로잡혔습니다.

지점을 업데이트했습니다.
https://github.com/rollokb/raven-js/blob/feat/old-webkit-Event-handling/src/raven.js#L1109 -L1121

시원한. 다시 한 번, 이 문제에 대해 관심을 가져주셔서 감사합니다.

주제에서 약간 벗어나지만 이 프로젝트에 PhantomJS가 어떻게 로드되고 있습니까? 이벤트 속성을 잘못 처리하는 것 같습니다(즉, 모든 Event props를 자신의 것으로 봅니다).

kmiyashiro/grunt-mocha 경유

https://github.com/getsentry/raven-js/blob/master/Gruntfile.js#L193

이벤트 속성을 잘못 처리하는 것 같습니다(즉, 모든 Event props를 자신의 것으로 봅니다).

Chrome/다른 브라우저에서 관찰되는 것과 동일하게 동작하는 Event 객체를 조롱할 수 있습니다. (이러한 객체를 보내는 레거시 브라우저도 비슷하게 느껴지기를 바랍니다.)

동작이 더 정확한지 확인하기 위해 Phantom2를 실행하는 테스트를 시도할 수도 있습니다. 나는 그들이 지금 1.9.8을 실행한다고 믿습니다.

@rollokb – 이에 대한 소식이 있습니까?

오늘 Android 4의 Facebook Browser v80에서 수백 개의 파일을 얻었습니다. 정말 오래된 것이 아닙니다. 그렇죠?

Android 브라우저가 있는 Android 4.x에서 이러한 오류가 많이 발생합니다.

오늘 Android 4의 Facebook Browser v80에서 수백 개의 파일을 얻었습니다. 정말 오래된 것이 아닙니다. 그렇죠?

나는 "Facebook Browser"가 내부 웹 브라우저가 무엇이든 간에 Facebook을 감싸는 것이라고 확신합니다.

기본적으로 이 오류는 여러 국제 버전의 Android 휴대폰에서만 발생합니다. 이러한 오류가 표시되면 장치 목록을 살펴보면 북미/서양 모델이 아닌 Samsung GT-S8600과 같은 장치 코드가 있음을 알 수 있습니다.

그들은 "Chrome Mobile" 또는 "Android 브라우저"(사용자 에이전트는 쉽게 위조됨)라고 주장하는 브라우저의 일부 포크를 사용하는 것으로 보이지만 다른 오류 개체 서명이 있는 것으로 보입니다. 나는 오류를 재현하는 데 어려움을 겪었지만(사무실에서 사용하기 위해 이러한 전화 중 일부를 구입하려고 시도하는 것을 포함하여), 조만간 다시 시도해 볼 것입니다.

드문 브라우저에서는 이러한 오류가 발생하지 않습니다. Chrome 51.0.2704가 설치된 Windows 10에서 오류가 발생했습니다.

안녕, 얘들아!

또한 나는 Raven 보고서를 가지고 있습니다.

...
"exception": {
  "values": [
    {
      "value": "[object Event]",
      "stacktrace": {
        "frames": [
          ...
        ]
      }
    }
  ]
}

Android의 모바일 브라우저에서 사용자 에이전트는
Mozilla/5.0 (Linux; U; Android 4.4.2; de-de; GT-N7100 Build/KOT49H) AppleWebKit/534.30 (KHTML, like Gecko) Version/4.0 Mobile Safari/534.30

이것에 대해 +1

따라서 3.7.0부터 [object Event] 및 기타 catch된 비 오류 개체에 대한 합성 추적을 생성합니다. 3.7.0을 시도하고 어떤 결과를 얻을 수 있는지 확인하는 것이 좋습니다.

@benvinegar 3.7.0이 설치되어 있지만 이 오류가 발생합니다.

다음 해킹을 임시 솔루션으로 사용하고 있습니다.

    Raven.install();

    if (Raven._processException) {
        const oldProcessException = Raven._processException;

        Raven._processException = function (event, message) {
            if (message && typeof message === 'object') {
                // detect that it's an event
                if (String(message) === '[object Event]') {
                    // message
                    message = stringifyEvent(message);

                    // type
                    event = event || 'event';
                } else {
                    // stringify the other objects
                    try {
                        message = JSON.stringify(message);
                    } catch (e) {
                        //
                    }
                }

                arguments[0] = event;
                arguments[1] = message;
            }

            return oldProcessException.apply(this, arguments);
        };
    }

    function stringifyEvent (event) {
        const data = {
            eventPhase: event.eventPhase,
            type: event.type,
            isTrusted: event.isTrusted,
            returnValue: event.returnValue,
            timeStamp: event.timeStamp
        };

        if (event.target) {
            data.target = {
                src: event.target.src,
                tagName: event.target.tagName || 'UNKNOWN_HTMLELEMENT',
                className: event.target.className,
                readyState: event.target.readyState
            };
        }

        if (event.path) {
            data.path = event.path.map((el) => {
                const tagName = el.tagName || 'UNKNOWN_HTMLELEMENT';
                const className = (el.className || '').replace(/\s+/, '');

                // DIV.class-1.class-2
                return `${ tagName }.${ className }`;
            });
        }

        return JSON.stringify(data);
     }

@webschik 이 줄의 오타처럼 보입니다.

return `${ tagName }.${ className }`;

그리고이 건설이 허용되는지 확신합니까?

data.path = event.path.map((el) => {

UP: 이 수정으로 "예기치 않은 토큰 =>" 오류가 발생함

@webschik

@AlexanderMatveev , ES2015 구문입니다.
당신은 그것을 교체 할 수 있습니다

@webschik 이 해킹을 추가했는데 아무 것도 변경되지 않은 것처럼 보이지만 여전히 "[객체 이벤트]" 오류가 발생합니다.

@AlexanderMatveev , 이것이 내 프로젝트에서 작동하기 때문에 이상합니다. 아마도 우리는 거기에서 더 많은 조사가 필요합니다

@webschik

스크립트 순서는 다음과 같습니다.

<script type="text/javascript" src="[raven.min.js version 3.7.0]"></script>
<script>
    Raven.config('https://[...]@sentry.io/[...]', {
        release: '[...]'
    }).install();
</script>
<script type="text/javascript" src="[fix.js without first Raven.install() line]"></script>

@benvinegar 3.7.0이 설치되어 있지만 이 오류가 발생합니다.

당신은 여전히 ​​그것을 얻을 것입니다. 차이점은 합성 스택 추적을 생성해야 한다는 것입니다. 그러나 이것이 window.onerror까지 버블링되기 때문에 포착된다면 스택 추적은 도움이 되지 않을 수 있습니다(그러나 그것이 포착되는 방식을 알려줄 것입니다).

호스팅된 Sentry for UA에서 Raven 3.6.1 와 동일함: Mozilla/5.0 (Linux; U; Android 3.1; en-gb; GT-P7500 Build/HMJ37) AppleWebKit/534.13 (KHTML, like Gecko) Version/4.0 Safari/534.13

또한 여러 이벤트가 있으며 대부분은 Android 또는 Facebook 브라우저에서 발생합니다. 최신 버전이어야 하는 Facebook 95.0에서도 이 오류가 발생합니다. 안드로이드 4. . 메인 OS이며 보고된 많은 장치는 Samsung-GT[무언가]입니다. 3.7.0 버전을 사용하고 있습니다.

우리는 특별한 장치가 없는 매우 일반적인 사용자 에이전트에서도 이것을 얻었습니다.

Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/45.0.2454.93 Safari/537.36

레이븐 3.9.0

여전히 3.9.1에서 하루에 수백 번, facebook 및 android browser.name에서 발생합니다.
스택 추적이 전혀 없습니다.

그냥 무시해야 합니까?

여기도 마찬가지입니다.

여기 있는 모든 사람들과 똑같습니다. 이 정보가 도움이 된다면:

UA: Mozilla/5.0 (Linux; U; Android 4.1.2; en-us; GT-I8190L Build/JZO54K) AppleWebKit/534.30 (KHTML, like Gecko) Version/4.0 Mobile Safari/534.30 [FB_IAB/FB4A;FBAV/87.0.0.17.79;]

브라우저: Facebook 87.0.0

여기에서 동일, 어떤 솔루션?? :에스

나는 같은 문제가있다

현재 동일한 문제가 있습니다... 이 오류가 많이 발생하고 곧 보초 임계값에 도달합니다 😞

Windows 10의 Chrome 45에서 이러한 문제가 수십 가지 발생합니다.

raven 3.15.0, Facebook 및 Android 브라우저에서 여전히 발생하고 있습니다.
그냥 무시해야 할까요?

누구든지 해결책을 찾았습니까? 제 경우에는 센트리에서 다음과 같이 나타납니다.

`[객체 이벤트]

trimHeadFrames(./node_modules/raven-js/src/raven.js:562:1)
_logDebug(./node_modules/raven-js/src/raven.js:488:1)
G._promiseRejectionHandler(./node_modules/raven-js/src/raven.js:430:1)`

처리되지 않은PromiseRejection: true

사용자 에이전트: Mozilla/5.0(Linux, U, Android 6.0.1, en-US, vivo 1610 Build/MMB29M) AppleWebKit/537.36(Gecko와 같은 KHTML) 버전/4.0 Chrome/57.0.2987.108 UCBrowser/12.5.8.1112 /537.36

장치 제품군: 생체 1610
장치 모델: 1610
장치 브랜드: 생체

안드로이드 6.0.1

UC 브라우저 12.5.8

내 raven-js 클라이언트 버전은 3.25.0입니다.

오류 스크린샷을 첨부했습니다(많은 구형 브라우저에서 여러 번 발생).

이는 이벤트 힌트 및 사용자 지정 오류 처리를 사용하여 새 SDK에서 수정할 수 있습니다.

@kamilogorek

이는 이벤트 힌트 및 사용자 지정 오류 처리를 사용하여 새 SDK에서 수정할 수 있습니다.

이것을 자세히 설명해 주시겠습니까? 문서에 대한 링크가 있습니까?
최소한 어떤 버전이 필요합니까?
이 문제에 대한 "이벤트 힌트" 및 "사용자 지정 오류 처리" 설정의 코드 조각이 있는 것을 선호합니다.

감사 해요!

@hiroshi 는 https://github.com/getsentry/sentry-javascript/issues/1401#issuecomment -418631326을 참조하십시오.
RC Today로 출시된 새로운 sentry-javascript SDK의 기능입니다. raven-js/node로 다시 포팅되지 않습니다.

안녕하세요, Sentry에서 다음과 같은 오류가 계속 표시됩니다.

exception | Error: [object Event]

스택 추적이 연결되어 있지 않으며 유용한 정보도 없습니다. LogRocket 세션에서 사용자는 문제가 없는 것으로 보입니다. Facebook 및 Google 태그 관리자에 대한 일부 차단된 요청이 표시되므로 차단 확장 프로그램이 설치된 것으로 의심됩니다.
아주 오래된 브라우저가 아니라 Chrome 75를 사용하는 사람의 반복되는 오류입니다.
이 문제를 해결하는 방법에 대한 제안 사항이 있습니까?

감사 해요

참고: @sentry/browser 버전 5.3.0

@burtyish 최신 버전으로 업데이트하는 것이 첫 번째 좋은 단계입니다. 5.7.0에서 이 동작과 관련하여 _많은_ 변경 사항을 도입했습니다.

@kamilogorek 감사합니다!
이제 sentry.javascript.browser v5.12.1로 업그레이드했기 때문에 훨씬 더 유익한 오류가 표시됩니다.
그리고 스택 추적도 있습니다!

@burtyish 굉장해! :)