JavaScriptの世界は初めてです。 Chromeブラウザのデベロッパーツールの[要素]タブの右側のペインにチェックインすると、[一致したCSSルール]セクションが表示されます。ソースファイル名が表示され、適用される各CSSルールには行番号が表示されます。スタイルDOMオブジェクトからソースファイルの行番号を取得する方法は?
私の質問は、HTML DOMのどのオブジェクトプロパティが行番号(およびソースファイル名)を伝えることができるかです。ありがとう!
JavaScriptの世界は初めてです。 Chromeブラウザのデベロッパーツールの[要素]タブの右側のペインにチェックインすると、[一致したCSSルール]セクションが表示されます。ソースファイル名が表示され、適用される各CSSルールには行番号が表示されます。スタイルDOMオブジェクトからソースファイルの行番号を取得する方法は?
私の質問は、HTML DOMのどのオブジェクトプロパティが行番号(およびソースファイル名)を伝えることができるかです。ありがとう!
あなたがしたいと思う、あなたはそれが全く役に立たないだろうけれども、私が想像した行番号でルールを警告することができるはず...
var a;
for (var i=0; i<document.stylesheets[0].cssRules.length; i++)
{
a = document.stylesheets[0].cssRules[i]+'\n';
}
alert(a);
を全体の最初の([0])スタイルシートを読みます代わりに要素を参照し、代わりにそれに適用されたルールを把握する必要があります。
詳細はこちらhttp://www.javascriptkit.com/dhtmltutors/externalcss3.shtml
申し訳ありませんが、あなたが示したコードが各ルールの 'ソースコード行番号'をどのように伝えることができるのか分かりません。ありがとう! –
なしChromeのツール(とFirefoxやIEの同様の機能)は、ブラウザの内部構造にアクセスできるので騙されます。 – Pointy
唯一の可能な方法は、CSSパーサーを書くことです?それは難しいだろう.... –