Question

我正在开发一个Web应用程序，它需要编辑单个网页。

目前，需要编辑的页面会加载到iframe中。此外，与内联编辑相关的库，图像编辑也会以编辑模式注入iframe。

要保存在编辑模式下加载的网页，有必要清理一些html部分和注入的库，目前使用另一个隐藏的iframe，其中编辑iframe html内容被写入隐藏的iframe，然后删除不需要的标签或脚本，然后保存这些内容。

当内容被写入隐藏的iframe时，它开始请求图像。我想阻止这个。

因此，对于<img>标记来阻止图像请求，在将内容写入隐藏的iframe之前，src=字符串将替换为data-src=

我们如何实现阻止CSS背景图像的图像加载？

Answer 1

您可以使用以下CSS取消所有背景图像：

* {
  background-image: none!important;
}

直接在iframe中添加此css，或者向主体添加一个类并将其添加到您的css中：

body.no-images, body.no-images * {
  background-image: none!important;
}

注意：可以找到更精确的规则。 “*”不是最佳表现。