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

Question

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

aac*_*ach 11 css google-chrome sass source-maps

我在标签和源映射中遇到CSS问题.

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

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

Run Code Online (Sandbox Code Playgroud)

进入:

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

        //more css

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

Run Code Online (Sandbox Code Playgroud)

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

我遇到了麻烦,因为当CSS在标签内部时它不能识别源映射,但是当我使用标签时它完美地完成了它.我错过了额外的注释还是不支持？

我正在使用铬.

Answer 1

Tar*_*nes 2

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

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

Chrome 开发工具

打开开发者工具F12
打开设置F1。
单击“启用 CSS 源映射”复选框

火狐开发工具

打开开发者工具F12
打开工具栏选项（右侧的齿轮）。
单击“显示原始来源”复选框

Internet Explorer 开发工具

打开开发者工具F12
打开调试器面板Ctrl+3
单击右侧最后一个图标

Safari 开发工具和 Firebug

默认启用。

归档时间：	10 年，3 月前
查看次数：	1227 次
最近记录：	9 年，6 月前