列出网页上使用的所有背景图片的最佳方法是什么？

Question

我正在考虑测量页面加载性能，理想情况下想在php中创建一个网页所使用的所有背景图像的数组，以将这些数据计算到页面加载的时间。

理想情况下，代码会扫描页面上调用的所有css文件，可能有多个，在这些css文件中有许多类，而一些带有背景图像的类可能与网站上的其他页面有关。所以我只想在我正在测试的初始页面上使用的类中获取背景图像的URL。

关于如何在PHP中实现这一点的任何指示都将非常感激。

Answer 1

我要做的是：

1. 使用file_get_contents（）返回呈现的php脚本的原始HTML。

2. 解析所有内容以将我的所有样式表加载到数组中。

3. 遍历该数组加载其内容并解析url（）以返回背景图像数组。

希望这会有所帮助。

Answer 2

JavaScript版本是否可以接受？我个人认为用jquery选择所有元素并迭代它们会更容易。

更新

对不起漫长的等待感到抱歉。在JavaScript中（使用jQuery）我会这样做：

$(document).ready(function() {
    $('body *').each(function() {
    var cssbg = $(this).css('background-image');

    alert(cssbg);
    });
});