Vue.js(Javascript)でConsoleイベント取得

Question

Vue.js(Javascript)でConsoleイベント取得したいです。

Chromeで検証などを表示していると以下のワーニングが出力されたりします。

High memory usage in GPU: xxxxx MB, most likely due to a memory leak

Consoleに出力される「ワーニング」と「エラー」イベントをVue.js(Javascript)で取得する方法についてご教授をお願いします。

以下のような内容で取得できないか記載してみましたがダメでした。
（親Vueで表示させたいので、親VueのScript内に記載してみました。）

window.addEventListener('error', event => {
  document.getElementById('consoleev').innerHTML = event.error
})
window.addEventListener('warn', event => {
  document.getElementById('consoleev').innerHTML = event.warn
})

Comments

[kyoya0819]

Vue.jsの実行中に起きたエラーなわけですから、それをVueで取得するというのは無理な話では？（確証はないですが、少なくとも私は聞いたことないです。

[yamayamak]

ありがとうございます。なるほど、、、そうですか。ただ、実行したユーザに知らせたいので、何かないか調べています。何かあればお願いしますm(_ _)m

[kyoya0819]

そもそも、完成させるときはエラーメッセージを出さないように完璧なものにするべきです。

もう少し調べてみます。

[popobot]

開発者に知らせるサービスなら Sentry などがありますけど、それではやりたいことは実現できないのでしょうか。開発者が想定していないエラーが発生して、それをユーザに知らせても、意味はないと思います。

console.errorやconsole.warnを上書きすることで何かできるかもしれませんが、かなり知識がないと正しくハンドリングすることは難しい気がします。