從域的瀏覽會話中識別和刪除不需要的CSS（文件/樣式）和JS（腳本/函數）

Question

我們有一個非常大的項目使用twitter引導模板和第三方jQuery插件，原始開發人員添加了幾個插件和CSS文件，而沒有關心他將使用的功能和功能。

由於其中一些樣式和JS函數可以動態調用，而且項目非常龐大，進行手動檢查是一項非常繁瑣的工作，因此您是否了解任何可以分析CSS和JS函數使用情況的工具瀏覽會話（假設瀏覽會話涵蓋所有頁面和js函數和點擊）並報告未使用的會話，以便開發人員可以在構建階段將其安全地移除到生產環境中以使負載保持最小化？

以上內容適用於任何網站，不僅僅是使用bootstrap模板和jQuery插件的網站。

Answer 1

我知道使用Chrome的Audits，您可以查看正在使用的CSS文件的百分比，這將有助於縮小其范圍; 但僅適用於某些頁面。

有時候進行清理的最好方法就是選擇一個設計（功能/樣式/等）並放棄其余部分，它可能會破壞系統的功能和外觀，這可能很乏味，但至少你知道這項工作已經完成那么。

有些人可能不同意，但這將是我解決這個問題的方式。

Answer 2

我不確定我是否完全理解你的問題，但Chrome和Firefox都有非常好的分析工具（ 開發人員工具 ，分別是FireBug ），它將為您提供使用過的ECMAscript代碼/方法和時間+性能的非常好的概述。

如果您在會話期間詢問如何動態刪除樣式表和/或Javascript，則非常簡單。 刪除CSS / 樣式表完全沒有問題（這些將從內存中刪除，並將丟失任何鏈接到該站點）。 麻煩從Javascript開始，沒有辦法動態刪除/卸載曾經加載的Javascript代碼。 例如，您當然可以刪除<script>元素，但代碼將保留在內存中並且永遠有效。