Question

是否可以防止（使用jQuery）某些图像被移动设备加载？是否已有jQuery插件？

例如：我想要所有带有课程的图像＆＃34; toobig＆＃34;没有被移动设备加载。

感谢您的耐心等待。

Answer 1

我认为没有办法阻止加载它们，但你可以简单地更改这些元素的属性，以便更改浏览器尝试的内容负载：

$('img.toobig')
    .attr({'width' : 0, 'height' : 0, 'src' : 'path/to/small/image.png'})
    .hide();

以上查找了相关图片，为他们提供了height和width 0（因此布局引擎可以快速流动/重排文档，并提供{{1}理想情况下，一个小的透明图像文件。当然，如果你愿意，你可以简单地src。

最后调用removeAttr('src')只是为了确保即使大小为hide()，图片也无法在文档中显示。在这种情况下，0当然可以改为使用。

Answer 2

这是可能的，但我建议只在你知道它不是移动时才加载它们：

$('.toobig').each(function(){
    $(this).replaceWith('<img src="'+$(this).data('src')+'" />');
});

如果您有类似跨度的内容来表示您不想在移动设备上加载数据属性为'src'的图像，请执行以下操作：

<span class="toobig" data-src="/your/location/image.jpg"></span>

您可以对此进行扩展以添加替代文字等第四种内容。