CSS有源地图吗？

Question

我正在使用jQuery动态地将CSS标签添加到页面中：

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

在Chrome开发者工具中查看时，所有CSS都显示为“localhost”，这并不总是有用：

是否有类似CSS的Source Maps，可以让我向调试器确定CSS的来源？

Answer 1

在添加源标记时，将sourceURL添加到内联样式标记中。

/*@ sourceURL=mystyles.css */

这将为内联样式标记提供一个临时名称，该名称将在DevTools内部用于导航。

Answer 2

它正在识别CSS的来源。它只显示为localhost，因为样式的来源来自localhost主页上的内部javascript。如果单击指向规则位置的链接，它仍然会将您带到动态设置样式的内联JavaScript。

对于源地图，您是否尝试过展开“计算样式”部分，然后展开要查看继承层次结构的特定样式？