網站JS、CSS分析器

簡介

網站JS、CSS分析器

幫你分析網頁裡面可能多餘的JS、CSS檔案引用、JS函式、CSS類等。
對於JS：分析每個JS檔案定義了哪些對象，這些對象又分別被那些檔案使用。
對於CSS：分析.class、#id在頁面中的使用次數，括弧中的百分數是使用率。
版本：0.3，修改日期：2009-11-12，作者：[e-mail]

分析結果

分析結果

分析結果如右圖包擴JS和CSS兩部分，均列出了當前被分析的網頁所有引用的js、css檔案。點擊展開按鈕可以看到詳細內容，點擊地址連結可以打開此檔案的內容。

JS分析

JS分析結果

JS的分析詳細結果如右圖，可以看到當前這個js檔案都定義了哪些對象，以及這個對象又被那個檔案引用了幾次。
結果當中的 [self] 代表這個對象在當前的檔案當中除了定義之外，被使用了幾次。通過這個結果，查看JS檔案之間的關係確實方便了很多。關於互動百科首頁的j部分分析如下
#http://www.hudong.com展開!
object
(
[document.write]=>number:3
[getPageGACode]=>object
(
[self]=>number:1
)
[g_user_isexpert]=>object
(
[self]=>number:1
[http://www.hudong.com/js/userloginnav_index.js]=>number:3
)
[_uacct]=>object
(
[self]=>number:4
[http://www.google-analytics.com/urchin.js]=>number:4
[http://www.hudong.com/js/hds.js]=>number:1
)
[google_conversion_id]=>number:0
[google_conversion_language]=>number:0
[google_conversion_format]=>number:0
[google_conversion_color]=>number:0
[google_conversion_label]=>number:0
)
#http://www.hudong.com/js/common.js展開
#http://www.hudong.com/js/ajax.js展開
#http://www.hudong.com/js/search.js展開
#http://www.hudong.com/js/userloginnav_index.js展開
#http://www.google-analytics.com/urchin.js展開!
#http://www.hudong.com/js/hds.js展開!

CSS分析

css分析結果

CSS的分析詳細結果如右圖，可以看到當前這個CSS檔案都定義了哪些對象，以及這個對象在html頁面出現了幾次。"展開"按鈕右側的百分數是指當前檔案所有定義的css對象的使率。

總結

總的，這個工具目前是簡單實用，還有比較大的提升空間。工具地址：http://pxp.gnuoss.cn/analyse/