javascript - getComputedStyle() 和可以具有与之关联的 url 的属性

Question

我正在尝试制作一个 javascript 片段，它可以获取网页中使用的所有图像(或其他资源)的列表，因为它们在 css 中被引用。通常它们是背景图片，因为在 css 的某处有这样的东西:

.something {
  background: transparent url(images/somethingbg.png) no-repeat top left;
  }

看来我可以使用以下代码段将所有这些放入一个数组(及其完整路径):

var outputArray = [];
var string = "";
var elems = document.getElementsByTagName('*');
for (var i = 0; i<elems.length; i++) {
 var elem = elems[i];
 var style = window.getComputedStyle(elem, null);
 var value = style.getPropertyValue("background-image");
 if (value && value != "" && value != "none")
  outputArray.push(value);
 }

但是，我希望它可以处理任何文件(作为小书签运行)，而且我知道 url() 可以应用于非背景图像的内容，例如“list-style-image”。还有更多吗？某处有这些列表吗？

Answer 1

AFAIK 这是一个非常详尽的(？)列表:

1. 背景图像(速记背景)提防多个url("") CSS3
2. 列表样式图像(速记列表式)
3. 行为(-ms-行为)，filter (-ms-过滤器)，filter和-moz-绑定(bind)
4. 光标
5. 内容
6. 包含 URI 的属性选择器值:href、cite、xmlns、src、data-*, data, codebase, classid, archive, longdesc, profile…
7. @import、@namespace 和@font-face