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

2022-04-27 15:12:03 +08:00
 firhome

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

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

1559 次点击
所在节点    程序员
6 条回复
lisongeee
2022-04-27 15:34:53 +08:00
service worker
julyclyde
2022-04-27 15:36:34 +08:00
www 服务器有 404Handler 功能
qwerzl
2022-04-27 16:47:03 +08:00
changedetection.io 尝试一下?监听网站内容变化的
musi
2022-04-27 17:14:40 +08:00
window.addEventListener('error', e => {console.log(e)}, true)
可以在 e 里拿到具体的 tag 然后分辨资源类型
opengps
2022-04-27 18:00:14 +08:00
先得看是真 404 还是假 404 (正常 200 网页显示的 404 )?按照真实的 404 ,可以访问一下看返回码
DOLLOR
2022-04-27 19:01:30 +08:00
“有些脚本是动态加载的( appendChild )”
如果是我理解的构造 script 标签然后添加到 dom 上,那你可以在 appendChild 之前,给 script 监听 onerror 事件。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/849574

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX