SASS源地图Chrome浏览器不能正确地重新加载CSS

我想获得SASS源地图和自动重新加载/保存到磁盘上工作。我已经设置了一切与grunt-contrib-sass和观看任务重新编译我的.scss的变化，我的源地图在Chrome中正常工作，我可以编辑SASS并将其保存到磁盘。我的问题是，当我编辑SASS时，页面会重新加载，好像根本没有CSS。如果我然后重新加载页面，我的应用更改确实存在。SASS源地图Chrome浏览器不能正确地重新加载CSS

任何想法为什么发生这种情况？

之前在开发工具青菜变化：http://cl.ly/image/1R2o2I113H3y 后：http://cl.ly/image/1m0V3b0J420X

我使用谷歌金丝雀33.0.1738.0

来源

2013-12-17 Daniel Hallqvist

很难知道给出的信息是什么。在重新加载新CSS后，使用开发工具检查页面。 'style'或'link'标签里有什么？他们甚至在场？他们有文字的某种错误？检查页面以找出阻止重新加载样式应用的原因，并从中排除故障。 –

如果我在做了一个更改后检查了DOM，链接标记到了我的.css文件中，当我突出显示DOM树中的链接标记（只需单击它）时，我可以再次看到我的样式源映射停止工作，即我在开发工具中进行的编辑仅影响.css文件。 –

“我在开发工具中进行的编辑仅影响.css文件”开发工具中的编辑实际上不编辑任何文件。这只是一种预览潜在编辑的方式。您的浏览器对这些文件没有写入权限。源地图允许您查看地图到自己的源的位置，但不会编辑该源。 –

不知道是什么原因造成的，但我已经找到了很好的扩展为为这样的事情工作。我开始使用它，因为每次我进行样式更新时我都不想重新加载整个页面。 CSS下有一个选项可以重新加载链接的样式表。 Web Developer

来源

2014-01-07 19:46:48 msantoro12

SASS源地图Chrome浏览器不能正确地重新加载CSS

回答

相关问题