如何檢查在web應用程序中使用哪些圖像/ css/javascript？

有一天我發現了這個小軟件--WARI。它代表Web Application REsource Inspector。顯然，它檢查CSS，HTML，JS和圖像之間的依賴關係，並報告未使用和重複的CSS樣式，JavaScript函數和圖像。如何檢查在web應用程序中使用哪些圖像/ css/javascript？

鏈接：WARI is released!

你用什麼？任何替代品？

來源

2009-11-16 ausin_7791

從概念上講，這樣的工具非常方便，因爲找到零散文件並安全刪除它們通常是一項非常尷尬的任務。

我不確定是否是這種情況......但從這個問題的措辭看來，這可能是一個自我推銷的問題，而不是一個認可的活動。如果你想跟隨一個通用的問題，「你有什麼工具可以做x，y，& z」，你自己的答案是沒問題的。

爲了記錄，我使用了兩個名爲CheckWeb和Xenu的工具，它們將遵循所有鏈接並報告發現的內容。

這找到我的任何404的，然後我比較引用的文件列表與我的目錄列表，看看哪些文件沒有被使用。（它的粗糙，但作品）

來源

2009-11-16 20:25:41 scunliffe

您可以嘗試Google´s page speed

這樣，您可以檢查您的網站的所有相關的東西。哪些CSS未使用，Google網頁速度會縮小您的JS文件等等。檢查一下，你會留下深刻的印象。 :-)

來源

2009-11-16 20:30:54 MaikL80

如果你是一位Firefox粉絲，我碰巧使用了Firebug插件，它可以爲所有行業的網頁開發工具包提供插件。我可能誇大了一點，但我覺得它非常有用。這裏有一個簡單的介紹：Firebug與Firefox集成，可以在瀏覽的同時將豐富的Web開發工具放在您的指尖上。您可以編輯，調試和監控CSS，HTML和JavaScript住在任何網頁

如果您想了解更多信息，你可以看看他們的網頁瀏覽：Firebug

來源

2009-11-16 22:26:01 Stat1124

我認爲有可能是螢火蟲一個谷歌的速度過於插件 – andyface

正如Stat1124提到Firebug是無價。網絡面板非常適合用於此目的，因爲它顯示加載與頁面關聯的所有資產所需的時間 - 而且如果資源不可用，它還會顯示HTTP響應代碼。

當試圖優化一個站點時，yslow（http://developer.yahoo.com/yslow/）是螢火蟲的一個很好的補充 - 因爲它提供了特定的實現技巧來實現更響應的頁面加載。

還有smush.it（http://developer.yahoo.com/yslow/smushit/）被稱爲一個偉大的工具 - 這最近已經被添加到YSlow的工具包 - 這將產生最佳化，以減少圖像大小。

來源

2009-11-16 22:37:46 codeinthehole

如果您的目標是加快您的頁面加載時間，WARI似乎可以幫助您減少加載頁面所需的數據。

不過，我建議你再前進一步 - 以Yahoo!'s advice和minimize the number of HTTP requests：

聯合文件是一種通過所有腳本合併到一個單一的，以減少HTTP請求的數量腳本，並將所有CSS組合到一個樣式表中。當腳本和樣式表因頁面而異時，將文件組合起來更具挑戰性，但使發佈過程的這一部分能夠縮短響應時間。

CSS Sprites是減少圖像請求數量的首選方法。將背景圖像組合成單個圖像，並使用CSS背景圖像和背景位置屬性顯示所需的圖像片段。

嵌入式圖像使用data: URL方案將圖像數據嵌入到實際頁面中。這可以增加HTML文檔的大小。將內嵌圖像合併到緩存的樣式表中是減少HTTP請求並避免增加頁面大小的一種方法。所有主流瀏覽器都不支持內嵌圖像。

來源

2009-11-16 22:47:01

如何檢查在web應用程序中使用哪些圖像/ css/javascript？

回答

相關問題