Question

有没有办法显示网页的FULL CSS样式表，除了为每个元素获取每个样式，如下所示：

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

CSS可以位于外部文件中，也可以位于<style>标记内。

Answer 1

您可以使用document.styleSheets

喜欢在document.styleSheets [0] .cssRules [0] .cssText

Answer 2

最好使用可以“获取”CSS文件并打印它们的服务器端语言。

过去我使用Railo和一个名为jSoup的Java库很容易做到这一点。它不是一个非常流行的设置，但jSoup可以与Java一起使用（当然），所以如果你在你的网络应用程序中使用它，那么它将是轻而易举的。

我像这样在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 Application Server： http://www.getrailo.org/

jSoup HTML Parser： http://jsoup.org/

如何显示网页的样式表

2 个答案: