如何监测到cdn静态文件加载失败问题?

异常捕获区别

try-catch:只能捕获捉到运行时非异步错误

CORS:解决Script error 跨域资源加载错误

window.onerror:可以同时捕获运行时的同步错误与异步错误

window.addEventListener("unhandledrejection") :捕获未catch的Promise错误

window.frames[0].onerror:捕获同源iframe错误

window.addeEventListener('error'):捕获静态资源加载错误

 

 

cdn文件失败捕获

图片 CDN 无法服务,图片加载不出来,对于网络请求异常问题,不会事件冒泡,在事件捕获阶段将其捕获,可以如下处理:
window.addEventListener('error', (msg, url, row, col, error) => {
  console.log('加载错误');
  console.log(
    msg, url, row, col, error
  );
  return true;
}, true);

 

 

版权声明:
作者:wuhou123
链接:https://wuhou.fun/477.html
来源:前端网
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
海报
如何监测到cdn静态文件加载失败问题?
异常捕获区别 try-catch:只能捕获捉到运行时非异步错误 CORS:解决Script error 跨域资源加载错误 window.onerror:可以同时捕获运行时的同步错误……
<<上一篇
下一篇>>