javascript - Web ページのスタイルシートを表示する方法

Question

次のように各要素のすべてのスタイルを取得する以外に、Web ページの完全な 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 で使用できるため、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>

上記のコードは、HTML ページを取得するための HTTP リクエストを作成します。

次に 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/