css - CSS のソース マップのようなものはありますか?

Question

jQuery を使用してページに CSS タグを動的に追加しています。

$('<style type="text/css"/>').text(css).appendTo(document.head);

Chrome デベロッパー ツールで表示すると、すべての CSS が「localhost」として表示されますが、これは常に役立つとは限りません。

デバッガーへの CSS のソースを識別できるようにする、CSS のソース マップのようなものはありますか?

Answer 1

追加する際に、インライン スタイル タグに sourceURL を追加します。

/*@ sourceURL=mystyles.css */

これにより、そのインライン スタイル タグに、DevTools 内でナビゲーション用に使用される一時的な名前が付けられます。