2013-08-30 60 views
0

我正在看一個有十幾個CSS鏈接的網頁。是否有任何瀏覽器或工具可以自動合併這些內容,理想情況下,我無需打開和複製每個內容,因此我可以看到最終的樣式是什麼樣子?顯示頁面的合併CSS

我知道我可以使用元素檢查器查看特定標記的計算樣式,但是我也希望能夠看到可能不會在任何特定頁面上使用的樣式。

回答

0

http://www.csstrashman.com/

它將鞏固CSS和僅保留它通過你請求的頁面中使用的部分。它應該做你正在尋找的東西。

+0

這很酷!如果它有效(它不在我的第一個測試用例上),它幾乎可以做我想要的。我真正想要的是在相關頁面上未使用的統一樣式_including_樣式。 – feetwet

0

大多數web調試器都有這個功能。當然,使用Firebug(Firefox)時,主菜單上有一個CSS按鈕,您可以使用它來檢查和修改所有加載的樣式表。對於Mac上的Safari,請使用菜單Develop |顯示頁面資源。這可以讓你做同樣的事情。 Chrome和IE也有這個。

+0

除非我錯過了一些東西:所有這些只允許您一次查看一個CSS文件。沒有合併,除非您要求適用於頁面上可指向的元素的樣式。 – feetwet