如何监听页面资源的 404 呢？

[firhome]

请教各位大佬，请问前端可以自己 catch 到页面资源的 404 么？

因为现在都是单页应用，有些脚本是动态加载的（ appendChild ），又不可能每个文件去监听。。。

[lisongeee]

service worker

[julyclyde]

www 服务器有 404Handler 功能

[jKpzPv20NjX56i44]

changedetection.io 尝试一下？监听网站内容变化的

[musi]

window.addEventListener('error', e => {console.log(e)}, true)
可以在 e 里拿到具体的 tag 然后分辨资源类型

[opengps]

先得看是真 404 还是假 404 （正常 200 网页显示的 404 ）？按照真实的 404 ，可以访问一下看返回码

[DOLLOR]

“有些脚本是动态加载的（ appendChild ）”
如果是我理解的构造 script 标签然后添加到 dom 上，那你可以在 appendChild 之前，给 script 监听 onerror 事件。