使用样式表版本进行Chrome浏览器内SCSS编辑

时间:2015-01-16 19:02:25

标签: google-chrome sass

我使用工作区和sourcemapping在Chrome中实时编辑我的SCSS文件,并具有实时重新加载功能。

但是,如果我将一个版本添加到SCSS生成的样式表中,则实时重新加载部分会中断。样式表仍然在后台保存和更改,但Chrome不会注入更改。

例如。 <link rel="stylesheet href="style.css?v=255"/>

有关如何解决此问题的任何想法?

1 个答案:

答案 0 :(得分:1)

这似乎是Chromes部分的当前限制,也适用于纯CSS文件。作为一种简单的解决方法,您可以在尝试更改源文件之前执行此bookmarklet:

javascript:(function(){var s=document.getElementsByTagName('link');for(var i=0;i<s.length;++i){var q=s[i].href.indexOf('?');if(q!==-1)s[i].href=s[i].href.substr(0,q)}})()

(它的作用是查找包含查询字符串的<link>的{​​{1}}标记,如果找到则删除后者。