Question

我在标签和源地图中遇到了CSS问题。

为了改善项目的加载时间，我改变了将CSS放入HTML的方式，转而：

<html>
    <head>
      <link rel="stylesheet" href="css/styles.css">
    </head>
  <body>
    <h1>Source-maps working wonderfully</h1>
  </body>
</html>

进入这个：

<html>
    <head>
      <style>
        h1 { color: red };

        //more css

        /*# sourceMappingURL=css/style.css.map */
      </style>
    </head>
  <body>
    <h1>Source-maps not working :(</h1>
  </body>
</html>

基本上，在构建过程中，使用sassc（带有sourcemaps标志）生成的原始CSS文件将被转储到将要提供的html中。

我遇到了麻烦，因为当CSS在标签内时它无法识别源图，但是当我使用标签时它完美地完成了。我是否错过了额外的注释或者不支持？

我正在使用chrome。

Answer 1

/*@ sourceMappingURL=是旧语法，应改为使用/*# sourceMappingURL=。

新语法在所有主要浏览器source和Internet Explorer 11 + source中实施。

Chrome开发者工具

打开开发人员工具 F12
打开设置 F1 。
点击“启用CSS源地图”复选框

Firefox开发工具

打开开发人员工具 F12
打开工具栏选项（右侧Cog）。
点击“显示原始来源”复选框

Internet Explorer开发工具

打开开发人员工具 F12
打开调试器面板 Ctrl + 3
点击右侧的最后一个图标

Safari开发工具＆amp;萤火虫

默认启用。

样式标签中的源映射是否有效？

1 个答案: