列出網頁上使用的所有背景圖片的最佳方法是什麼？

Question

我正在尋找測量頁面加載性能，理想情況下想在php中創建一個網頁所使用的所有背景圖像的數組，以將這些因素納入頁面加載多長時間。

代碼理想情況下會掃描頁面上調用的所有css文件，可能會有多個，並且在這些css文件中有許多類，並且一些具有背景圖像的類可能與網站上的其他頁面有關。所以我只想抓取在我正在測試的初始頁面上使用的類中的背景圖像的URL。

任何關於如何在PHP中實現這一點的指針將不勝感激。

Answer 1

我會做的是：

1. 使用file_get_contents（）函數返回渲染的PHP腳本的原始HTML。

2. 解析出所有的樣式表，將所有樣式表加載到數組中。

3. 遍歷該數組加載其內容並解析url（）以返回一組背景圖像。

希望這有助於。

Answer 2

您的JavaScript版本可以接受嗎？我個人會認爲用jquery選擇所有元素並遍歷它們會更容易。

UPDATE

抱歉等待很長時間。在JavaScript中（使用jQuery），我會這樣做：

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

    alert(cssbg); 
    }); 
});