-1

任意のページにぶつかり、要素を選択してそのcss属性を抽出できるようなアプレットを作成することは可能ですか？

ファイアバグのように、コードを見たいdivを選択できると想像してみてください。代わりに、たとえばボタンを選択して、コピーして貼り付けることができる選択可能なフィールドにそのCSSを取得します。

4

3 に答える 3

2

window.getComputedStyle を介してCSSStyleDeclarationオブジェクトを取得できます。

var styles = window.getComputedStyle(document.getElementById('foo'), null);
for (style in styles) {
    if (styles.hasOwnProperty(style)) {
        console.log(style, styles[style]);
    }
}
于 2013-03-05T15:23:23.260 に答える
1

Firebug のバグについては不明です。Chrome の開発者ツールには、コピー、貼り付け、編集できる CSS が用意されています。また、どのファイル、内部スタイル、またはスタイルがインライン化されているかの内訳と、最終的にカスケードされた「計算されたスタイル」も表示されます。

于 2013-03-05T15:24:04.973 に答える
0

この質問を手伝ってくれた人に感謝します。

私が何を求めていて、何をしたいのかを考えた後、クロムやファイアフォックスなどの組み込みのブラウザー Web 開発者ツールで既に見つけることができるものとほぼ同じです。

車輪を再発明しても意味がないので、答えは、はい、javascript でそうすることができますが、html と css を調べて copy/ソースから抽出します。

お時間をいただきありがとうございます。ご不便をおかけして申し訳ありません。

于 2013-03-11T22:22:41.757 に答える