有什么像CSS的源地图吗？

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

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

在Chrome开发人员工具中查看时,所有的CSS都将显示为“localhost”,这并不总是有用的：

有什么像CSS的Source Maps可以让我将CSS的来源识别到调试器吗？

解决方法

添加一个sourceURL到内联样式标签.

/*@ sourceURL=mystyles.css */

这将给内联样式标签一个临时名称,将在DevTools内部用于导航.