Sentry-javascript: 古いブラウザでは[オブジェクトイベント]がログに記録されます

ログからの1つの特定のサンプルは、次の情報を示しています。

• ブラウザ：Dolfin 3.0
• デバイス：Samsung GT-S8600
• OS：Bada 2.0

Android 4.1から4.4までのAndroidブラウザー、おそらくサードパーティのAndroidフォン（Samsung、HTCなど）からのA​​ndroidブラウザーも、この問題の影響を受けていることを確認できます。 Nexusフォンが影響を受けているかどうかを確認できません。

これは入手するのに最適な機能であり、実装するのは比較的難しいことではないようです。 おそらく、 message.toString() == '[object Event]'を簡単にチェックしてから、 for-inループを実行してイベントオブジェクトのプロパティにアクセスします。 これは、Android4.1-4.4のサイトで問題をデバッグするのに役立ちます。

@ d10 –私はそれを実験しましたが、それが機能することを確認するための実際のブラウザーを見つけることができません。 BrowserStackでAndroid4.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はこのプロジェクトにどのようにロードされていますか？ イベントプロパティを誤って処理しているようです（つまり、すべてのイベントプロップを独自のものとして認識します）。

kmiyashiro / grunt-mocha経由

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

イベントプロパティを誤って処理しているようです（つまり、すべてのイベントプロップを独自のものとして認識します）。

Chrome /他のブラウザで観察されるのと同じように動作するEventオブジェクトをモックしてみることができます。 （うまくいけば、これらのオブジェクトを送信するレガシーブラウザも同じように感じます。）

また、Phantom2を実行するテストを取得して、動作がより正確であるかどうかを確認することもできます。 私は彼らが今1.9.8を実行していると信じています。

@rollokb –これに関するニュースはありますか？

今日、Android4のFacebookBrowser v80から何百ものものを入手しました。それはそれほど古いものではありませんか？

Androidブラウザを搭載したAndroid4.xでこれらのエラーの多くが発生しています

今日、Android4のFacebookBrowser v80から何百ものものを入手しました。それはそれほど古いものではありませんか？

「Facebookブラウザ」は、内部のWebブラウザが何であれFacebookをラップしているだけだと確信しています。

基本的に、このエラーは、Androidフォンの国際バージョンの束でのみ発生します。 このようなエラーが表示されたら、デバイスリストを見てください。SamsungGT-S8600のようなデバイスコードがありますが、これは北米/欧米のモデルではありません。

「ChromeMobile」または「AndroidBrowser」（ユーザーエージェントは簡単に偽造されます）を装ったブラウザのフォークを使用しているように見えますが、Errorオブジェクトの署名が異なっているようです。 エラーを再現するのに苦労しましたが（オフィスで使用するためにこれらの電話のいくつかを購入しようとすることを含む）、近いうちにもう一度試してみるつもりです。

まれなブラウザではこれらのエラーは発生しません。Chrome51.0.2704を搭載したWindows10で発生しただけです。

こんにちは、みんな！

また、私はレイヴンのレポートを持っています

...
"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]およびその他のキャッチされた非エラーオブジェクトの合成トレースを生成するようになりました。 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このハックを追加しましたが、何も変更されていないように見えますが、それでも「[objectEvent]」エラーが発生します。

@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までバブルするためにキャッチされた場合、スタックトレースは役に立たない可能性があります（ただし、それがキャッチされている方法であることがわかります）。

UAのホストされたSentryの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ブラウザーからのものです。 最近のはずのFacebook95.0でさえ、このエラーを引き起こしています。 Android4 .。 はメイン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

フェイスブックとアンドロイドのbrowser.nameで、1日に数百回3.9.1でまだ発生します
スタックトレースは一切ありません。

無視すればいいですか？

こっちも一緒。

ここにいるみんなと同じです。 この情報が役立つ場合：

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

ここでも同じです、何か解決策はありますか？ ：S

私は同じ問題を抱えています

私は現在同じ問題を抱えています...このエラーがたくさんあり、すぐに歩哨のしきい値に達します😞

これらの問題は、すべてWindows10のChrome45で発生しています。

それはまだレイヴン3.15.0、フェイスブック＆アンドロイドブラウザで起こっています
無視するだけでいいですか？

誰かが解決策を見つけましたか？ 私の場合、これは歩哨に表示されます：

`[オブジェクトイベント]

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） `

unhandledPromiseRejection：true

ユーザーエージェント：Mozilla / 5.0（Linux; U; Android 6.0.1; en-US; vivo 1610 Build / MMB29M）AppleWebKit / 537.36（KHTML、Geckoなど）バージョン/4.0Chrome/57.0.2987.108 UCBrowser / 12.5.8.1112 Mobile Safari /537.36

デバイスファミリー：vivo 1610
デバイスモデル：1610
デバイスブランド：vivo

Android 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を参照してください
これは、RCTodayとしてリリースされた新しいsentry-javascriptSDKの機能です。 raven-js / nodeに移植されることはありません。

こんにちは、私はセントリーでこのようなエラーを見続けます：

exception | Error: [object Event]

スタックトレースは添付されておらず、役立つ情報もありません。 LogRocketセッションから、ユーザーは問題を経験していないようです。 FacebookとGoogleTag Managerへのブロックされたリクエストがいくつかあるので、ブロッカー拡張機能がインストールされていると思われます。
これは、Chrome 75を使用している人からの繰り返しのエラーであり、非常に古いブラウザではありません。
この問題を解決する方法について何か提案はありますか？

ありがとう

注：@ sentry / browserバージョン5.3.0

@burtyishを最新バージョンに更新することは、最初の良いステップです。 5.7.0では、この動作に関する多くの変更が導入されました。

@kamilogorekありがとう！
sendry.javascript.browser v5.12.1にアップグレードしたので、はるかに有益なエラーが表示されます。
そして、私もスタックトレースを持っています！

@burtyishすごい！ :)