防止在iframe中加载CSS背景图像

Question

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

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

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

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

所以对于<img>标记，以防止图像的请求，内容写入到隐藏的iframe之前，src=串与data-src=

取代我们如何才能达到防止图像加载了对CSS背景图像？

Answer 1

你可以用下面的CSS desactive所有背景图片：

* { 
    background-image: none!important; 
} 

通过直接在iframe中添加此CSS或通过添加类的身体和添加给你的CSS：

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

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