如何监听页面所有资源渲染完毕?

如题。不要说什么window.onload这种随意查出来的了

比如N个图片 我要的是这个页面上所有的图片都完整渲染出来了 已经可以看见了

onload有时候会出现图片还没渲染完成

可以用print试试

javascript
68 views
Comments
登录后评论
Sign In
·

有什么需求场景需要做这个呢?如果是代码逻辑上需要判断,一般 dom 挂载完成就行了,比如 react 的 componentDidMount 或 vue 的 mounted,而且一些下拉加载的页面图片是懒加载的,界面没刷到那里的话图片资源是没有渲染完成的

·

你要的是不是浏览器的 Performance API,平时这些用来监控页面渲染情况,比如 FCP 之类的指标