检查本地浏览器对延迟加载图像的支持

1 javascript google-chrome

我有一个延迟加载图像的脚本,但是从 chrome 76 开始就有一个“本机”延迟加载。

我正在尝试检测浏览器是否支持本机延迟加载。但我不知道该怎么做。

JLR*_*she 5

您可以通过对img元素使用特征检测来做到这一点:

var supportsLazyLoad = ('loading' in document.createElement('img'));
Run Code Online (Sandbox Code Playgroud)

  • Google 的另一种类似方法(来源:https://web.dev/native-lazy-loading/#how-do-i-handle-browsers-that-dont-yet-support-native-lazy- load) : if ('loading' in HTMLImageElement.prototype) { // 浏览器支持 } else { // 获取polyfill/第三方库 } (4认同)