如何仅使用js阻止图像？

Question

我想阻止任何网页的所有图片以降低页面加载时间，考虑将网页源代码加载到浏览器中但文档/文件仍然需要下载，是否有任何事件可以解决这个问题？

我认为必须在浏览器文本模式下遵循can方法

Answer 1

我不确定它是否能解决你的问题，但也许你可以试试这个：

itertools.izip()

Answer 2

没有。如果已经设置了src标记，浏览器将加载图像，无论如何。加载后删除src标记并不会改变它已经下载的事实。

避免这种情况的唯一方法是动态地通过Javascript设置imgs的src标签。因此，如果您不想，请不要设置图像。

如果图片已经在html中，则无法加载浏览器。

Answer 3

<div class="image"><img external-src="original.jpg" src="fake.jpg" /></div>

$(window).load(function(){
  $('.image img').attr("src", $(this).attr('external-src')).removeAttr('external-src');
});

这将加载整个dom后的所有图像

Answer 4

您可以删除整个img标记

$("img").remove();

或者您只需删除图片代码来源属性

即可

$("img").removeAttr("src");

或者您可以只更换加载时间较短的所有图像源

$("img").attr("src",'http://someimage.jpg');