標籤

Web (5) 電腦 (4) 免費小工具 (2) 創意 (2) 雲端 (2) 電影 (2) PHP (1) jQuery (1) 吃的 (1) 好書 (1) 手機 (1) 網路 (1) 自我勉勵 (1)

2015-12-16

因為專案的關係,需要將某一隻擁有龐大的CSS庫的HTML頁面瘦身,所以撰寫這一隻程式。

CSS可以壓縮,但是當壓縮之後的檔案依然很大,而偏偏該HTML內所使用的class其實不多的時候,怎麼辦?

我想到的方法,就是將有用到的class自正在顯示HTML中的瀏覽器內取得,這樣是最精確無誤的,所以,這隻JS程式,就是在瀏覽器開啟這樣的HTML時使用的。

使用方法,就是將該JS安插進HTML內,當HTML被開啟時,即可以在console內看見所有的css了。

如果HTML內的element是會變動或是增減的,也就是說若是HTML顯示的css在不同的時機會有不同的顯示方式時,則可以在想要擷取css時,使用chrome的console內的命令列內下指令「dumpAllCss();」即可。

get_css_from_html.js