风格标签中的源地图是否有效？

为了提高我的项目的加载时间，我已经改变了我把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产生的原始CSS文件（sourcemaps标志）被倾倒到将被服务的HTML。

我有麻烦，因为它不能识别的源地图时的CSS是一个标签内，但它确实是完美的，当我使用的代码。我是否缺少额外的注释或者不支持？

我使用铬。

来源

2015-08-19 aach

在Chromium中有关于嵌入式样式标记中的源映射的一个错误，但基于此链接，它应该在很久以前解决：https://code.google.com/p/chromium/问题/详细信息？id = 456062 不知道Google Chrome是否使用固定的Chromium核心或 – Night2

源地图应该使用样式标记但是我建议您将所有CSS文件合并到一个CSS中并加载第一种方式 - 这可能会减慢第一页，但所有其他网站页面的加载速度会更快。 – Michael

这可能是一个丑陋的黑客，但你也可以生成嵌入式源代码地图，然后将它内联放置在标签中......再一次，非常难看，但如果你使用HTML的模板语言，它可以被管理。 – Gina

来源的地图应该从风格标签的工作，但是我建议你把你所有的CSS文件合并为一个CSS并加载了第一种方式 - 这可以在第一页，但该网站页面的所有其余放缓将加载更快。

来源

2015-11-23 06:58:45

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

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

Chrome浏览器开发工具

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

Firefox的开发工具

开放开发工具F12
打开工具栏选项（COG上右）。
点击 “显示原始来源” 复选框

的Internet Explorer开发工具

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

Safari开发工具&萤火虫

默认情况下启用。

来源

2016-05-12 14:38:31 TarranJones

风格标签中的源地图是否有效？

回答

相关问题