Chrome 使用样式表版本的浏览器内 SCSS 编辑
Chrome In-Brower SCSS Editing with Stylesheet Versions
我使用工作区和源映射在 Chrome 中使用实时重新加载功能实时编辑我的 SCSS 文件。
但是，如果我将一个版本添加到由 SCSS 生成的样式表，则实时重新加载部分会中断。样式表仍在后台保存和更改，但 Chrome 不会注入更改。
例如。 <link rel="stylesheet href="style.css?v=255"/>
关于如何解决这个问题有什么想法吗？
这似乎是 Chrome 部分的当前限制，也适用于纯 CSS 文件。作为一个简单的解决方法，您可以在尝试更改源文件之前执行此小书签：
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> 带有包含查询字符串的 href 的标签，如果找到则删除后者）。
我使用工作区和源映射在 Chrome 中使用实时重新加载功能实时编辑我的 SCSS 文件。
但是，如果我将一个版本添加到由 SCSS 生成的样式表，则实时重新加载部分会中断。样式表仍在后台保存和更改，但 Chrome 不会注入更改。
例如。 <link rel="stylesheet href="style.css?v=255"/>
关于如何解决这个问题有什么想法吗？
这似乎是 Chrome 部分的当前限制，也适用于纯 CSS 文件。作为一个简单的解决方法，您可以在尝试更改源文件之前执行此小书签：
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> 带有包含查询字符串的 href 的标签，如果找到则删除后者）。