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内部用于导航.