因為專案的關係,需要將某一隻擁有龐大的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