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

wuhou123 • 2022-05-22 • Html, Javascript, 前端开发 • 475 阅读

异常捕获区别

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：可以同时捕获运行时的同步错误……
<<上一篇
下一篇>>