css - 有没有类似 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。

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