前端錯(cuò)誤監(jiān)控

1. 錯(cuò)誤分類(lèi)

• 及時(shí)運(yùn)行錯(cuò)誤：代碼錯(cuò)誤
  try...catch window.onerror
• 資源加載錯(cuò)誤（不會(huì)冒泡）
  object.onerror

performance.getEntries() (獲得頁(yè)面所有加載的資源，根據(jù)已經(jīng)加載的資源間接判斷加載失敗的資源)
Error事件捕獲

1. 上報(bào)錯(cuò)誤

• 利用ajax通信進(jìn)行上報(bào)
• 利用image對(duì)象上報(bào)（大多數(shù)都用這個(gè),簡(jiǎn)單，不用借助其他的庫(kù)，一行代碼解決所有）

eg:(new Image()).src = 'http://baidu.com/tesjk?r=tksjk';

1. js中共有幾種錯(cuò)誤類(lèi)型: 6種:

SyntaxError 語(yǔ)法錯(cuò)誤 ReferenceError 引用錯(cuò)誤TypeError 類(lèi)型錯(cuò)誤RangeError 范圍錯(cuò)誤 參數(shù)超范圍

摘自我的個(gè)人博客 http://www.liuweibo.cn/p/86

以前用過(guò)raven，免費(fèi)的額度其實(shí)小型項(xiàng)目夠用了，其實(shí)整體的感覺(jué)是，小型項(xiàng)目真的不用整什么錯(cuò)誤監(jiān)控，收益太低，費(fèi)時(shí)費(fèi)力，不如多放一些精力再提升代碼質(zhì)量上吧。

目前在用的是 https://sentry.io/，但這個(gè)其實(shí)也是收費(fèi)的，但有個(gè)免費(fèi)的限額可以用。
如果是中小型項(xiàng)目不建議自搭建錯(cuò)誤收集服務(wù)，因?yàn)榫S護(hù)整個(gè)服務(wù)也會(huì)花費(fèi)精力，不如直接用個(gè)已有的服務(wù)，花的那點(diǎn)兒錢(qián)比養(yǎng)個(gè)程序員要便宜很多。