跟蹤頁面的CSS使用情況

如果我瀏覽正在開發的網站，我可以跟蹤該頁面中正在使用的任何CSS指令。跟蹤頁面的CSS使用情況

比如我可以在main.css的第1行寫入頁的index.htm

我有一個CSS文件，該文件是4000線，我想分裂它的指令相關聯。

最好的辦法是分開頁面。

可以移動僅針對一個頁面的每條CSS指令。

我怎麼能完成這項任務？

來源

2014-09-24 Revious

您可以使用類似於uncss這樣的工具來查看應用中的每個頁面，並區分結果以查看已刪除/未使用的內容在該頁面上。

編輯： 您可以用grunt-uncss的過程中使用咕嚕多一點自動化或gulp-uncss咕嘟咕嘟。但是，我不確定差異部分。

來源

2014-09-24 09:26:55

你也知道灰塵我的選擇器爲Firefox？哪個更適合這個任務？ – Revious 2014-09-24 09:33:50

不知道Dust-Me。但是，通過uncss，你可以使用Grunt/Gulp在你的網站上運行它，因此可以自動執行更多的過程:) – 2014-09-24 09:38:00

如果你想編輯你的答案，增加一些關於如何開始這個過程的額外的鏈接，這將是偉大的 – Revious 2014-09-24 09:41:47

你需要把它們複製到一個新的css文件中，我會建議命名每個CSS文件的具體命名爲實際內部的代碼，比如你可以有一個佈局CSS文件，如果所有頁面都相同基本佈局。如果特定的頁面只有大量的css被他們使用，你可以將它們合併成一個文件。你需要做一次完整的測試，以確保所有頁面都有他們需要的cs文件（而且他們實際上並不需要）。 4000線將是一個大任務，但在將來的升級/修訂中將更易於管理

來源

2014-09-24 09:19:02

跟蹤頁面的CSS使用情況

回答

相關問題