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 中用于导航。