summary

• window.onerror 無(wú)法捕獲 onunhandledrejection 錯(cuò)誤
• try...catch 無(wú)法捕獲異步錯(cuò)誤，包括 setTimeout 和 promise?？梢圆东@ async...await 錯(cuò)誤
• promise 被 rejected，在有 onRejected 的情況下，onRejected 發(fā)揮作用，catch 并未被調(diào)用；在沒(méi)有onRejected 的情況下 catch 發(fā)揮作用
• onResolve 和 onRejected 里的錯(cuò)誤，可以被后面的 catch 捕獲，無(wú)法被 try...catch 捕獲

other

• try...catch 也無(wú)法捕獲語(yǔ)法錯(cuò)誤
• 如果想使用 window.onerror 函數(shù)消化錯(cuò)誤，需要顯示返回 true，以保證錯(cuò)誤不會(huì)向上拋出，控制臺(tái)也就不會(huì)看到一堆錯(cuò)誤提示。
• 跨域之后 window.onerror 在很多瀏覽器中是無(wú)法捕獲異常信息的。要統(tǒng)一返回 Script error，這就需要 script 腳本設(shè)置為：
  crossorigin="anonymous"
• 處理網(wǎng)絡(luò)加載錯(cuò)誤：使用 window.addEventListener('error') 方式對(duì)加載異常進(jìn)行處理。注意這時(shí)候我們無(wú)法使用 window.onerror 進(jìn)行處理， 因?yàn)?window.onerror 事件是通過(guò)事件冒泡獲取 error 信息的，而網(wǎng)絡(luò)加載錯(cuò)誤是不會(huì)進(jìn)行事件冒泡的。
• 怎么區(qū)分網(wǎng)絡(luò)資源加載錯(cuò)誤和其他一般錯(cuò)誤：普通錯(cuò)誤的 error 對(duì)象中會(huì)有一個(gè) error.message 屬性，表示錯(cuò)誤信息，而資源加載錯(cuò)誤對(duì)應(yīng)的 error 對(duì)象卻沒(méi)有，

test code

window.onerror = () => { console.log('window.onerror')}
window.onunhandledrejection = () => { console.log('window.onunhandledrejection') }
const fetchDataSuccess = () => Promise.resolve({ name:'123'})
const fetchDataFail = () => Promise.reject({ name:'123'})
const testTryCatch = async() =>{
   try{
    // Promise.reject('reject')
    // throw Error('err')
       await fetchDataFail()
       console.log('fetch success')
  } catch(e){
    console.log('catch error:',e)
  } 
}
const testPromiseError = () => {
  try{
  new Promise((resolve, reject) => {
    throw new Error()
      // resolve({})
  }).then( () => {
    console.log('resolved')
      // throw Error()
  }, err => {
    console.log('rejected')
    throw err
  })
  // .catch(err => {
  //   console.log('catch')
  // })
  }catch(e){
      console.log('testPromiseError try-catch')
  }
}
// testTryCatch();
// testPromiseError();

from: https://fe.mbear.top/xing-neng-you-hua/032-xing-neng-jian-kon...

以上就是瀏覽器端錯(cuò)誤捕獲處理方法筆記解決示例的詳細(xì)內(nèi)容，更多關(guān)于瀏覽器端錯(cuò)誤捕獲的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章！

最新評(píng)論