高级前端工程师必备技能：如何监听静态资源加载异常？

要监听静态资源加载异常，可以通过 window.addEventListener 监听 error 事件来实现。例如:

window.addEventListener('error', function(event) {
  const target = event.target;
  if (target.tagName === 'SCRIPT' || target.tagName === 'IMG' || target.tagName === 'LINK') {
    console.error(`Failed to load resource at ${target.src || target.href}`);
  }
}, true);

这将在全局范围内监听所有静态资源加载错误，并将其打印到控制台中。您还可以选择将错误信息存储在某个地方或将其发送到服务器以进行分析和处理。