如何顯示網頁的樣式表

有沒有什麼辦法來顯示網頁的完整的CSS樣式表，不是取每一個風格類似這樣的每一個元素其他：如何顯示網頁的樣式表

document.write("width:"+document.getElementById("to").style.width+";");

的CSS可以在外部文件或<style>標記。

來源

2013-02-13 Ali Bassam

你需要這個調試或爲某種類型的出口？如果僅用於調試，則可以在任何良好的調試控制檯（例如Chrome，FF）中查看應用和計算的任何元素的樣式。 – Yoshi 2013-02-13 15:47:42

我正在構建一個CSS生成器（邊框半徑，triangles..etc），我需要顯示生成的元素，很多div的樣式表。 – 2013-02-13 15:49:39

好吧，所以，如果你的代碼生成的CSS，爲什麼不使用它？ – Yoshi 2013-02-13 15:50:59

您可以使用document.styleSheets

像document.styleSheets [0] .cssRules [0] .cssText

來源

2013-02-13 15:55:30

這將是最好使用可以 '取' 的CSS文件的服務器端語言和打印它們。

過去我使用Railo和一個名爲jSoup的Java庫很容易做到這一點。這不是一個非常流行的設置，但是jSoup可以和Java一起使用（當然），所以如果你在你的web應用中使用它，那麼它會很輕鬆。

我取回我的Railo頁是這樣的：

<cfhttp method="get" url="http://example.com" resolveurl="true" result="local.objGet" timeout="10" charset="utf-8"> 
<cfhttpparam type="header" name="Accept-Encoding" value="*" /> 
<cfhttpparam type="header" name="TE" value="deflate;q=0" />   
</cfhttp>

這上面的代碼使一個HTTP請求來獲取HTML頁面。

然後我用jSoup遍歷獲取CSS文件鏈接的DOM：

<cfset local.jsoup = createObject("java", "org.jsoup.Jsoup") /> 
<cfset local.getDocument = local.jsoup.parse(local.objGet.filecontent) /> 
<cfset local.getCss = reMatch('\bhttps?:[^)''"]+\.(?:css)', local.getDocument) />

這得到的，在可以從文件.CSS「結束鏈接的數組。然後我可以在數組的一個循環中使用HTTP請求對它們進行「提取」。然後，我可以將其打印到屏幕上，並根據需要進行任何操作。

我知道我的答案是語言特定的，但基本原則在那裏。

在PHP中，我認爲你可以使用cURL進行HTTP調用，但如果你使用的是Java，ColdFusion，Railo或BlueDragon，你應該可以使用jSoup。

希望這會有所幫助。

Railo應用服務器： http://www.getrailo.org/

jSoup HTML解析器： http://jsoup.org/

來源

2013-02-13 15:57:44

如何顯示網頁的樣式表

回答

相關問題