如何从 DOM 错误事件中获取详细消息

Question

我正在尝试了解 Chrome 对 html 导入的实施，例如

 <link id="test_component" rel="import" href="http://localhost:8888/fail.html" onerror="handler(event)">

然而，错误事件并没有真正传达出 MDN 中指定的有用信息。我想知道是否有任何方法可以从错误事件中获得更多信息，例如失败原因和 HTTP 状态代码。

Answer 1

如果触发了错误事件处理程序，您可以使用 XMLHttpRequest 或 fetch 重播 请求以获得有关失败的更多信息.

function handler(event) 
{
    fetch(event.target.href)
        .then( resp => console.info(resp.status) )
        .catch( err => console.log(err) )
}