在重構或翻新專案時，如何快速分析出網頁中實際使用的css跟javascript，chrome提供coverage功能
因為最近工作內容是翻寫，非常舊的語言架構ASP(active server pages) ，轉成.NET Framework MVC架構，
翻寫時遇到最常遇到的是各種重複的程式碼四散各地，css、javascript 引入，各種的版本載入在同一個頁面上，非常刺激!!
抽出放到新專案動不動就是直接報Error，尤其時css跟javascript陳年累積拆分特別困難，
有一位神人同事告訴我chrome有很猛的功能可以直接看到頁面載入時，那些css跟js中實際被使用的部分，
在chrome 開發模式中，console顯示部分可以再新增一個coverage的視窗，開啟錄製時就會去偵測使用部分。
chrome coverage 顯示紅色的部分就是沒有使用的比率，當然還有更細部的分析，點選想看的js、css可以看更細部的分析
在行號旁邊直接有顏色提示，這幾行有沒有被使用到，真的超神的，
在整理css或者js非常好用，但是有些需要被觸發的css或js，在頁面載入是不會被偵測到的，
所以在整理前把頁面上該觸發的功能都按一按會有比較準確的結果，就降!