css - Chrome 自动刷新 css/less 更改

标签 css google-chrome google-chrome-extension less google-chrome-devtools

我想在更改 less 文件后立即自动刷新 chrome。由于某种原因,chrome 甚至无法读取我的 less 文件。所以我总是需要等到 lessc 创建了我的 .css 文件。有一个工具可以检查资源的变化并重新加载页面。我什至写了自己的:Luba Autoreload .我讨厌的是 less 编译和扩展请求资源之间的等待时间来检测更改。 Chrome DevTools 似乎也没有解决问题。将我的 style.css 映射到网络资源后,出于某种原因,我总是需要在 chrome 中单击源以进行刷新(无自动重新加载)。 我真的更喜欢一种立即检测较少变化并重新加载浏览器的方法。我可以写一个解决方案,但我不能把所有的时间都花在这些事情上。也许有人有想法。也许有 Firefox 的解决方案?我也在使用前缀,但我想我可以在这种情况下忘记它。

最佳答案

使用LivePage扩大。它也支持 LESS。它也可以离线使用,也可以用于 file://。

编辑:
在 LivePage 的选项页面中将刷新持续时间增加到 1000ms。它可能对你有帮助。并且不要选择“整个域”选项。如果您的域中有很多文件,它将监控整个域并会降低您的系统速度。将 LivePage 用于您当前正在处理的一个或多个文件。

关于css - Chrome 自动刷新 css/less 更改,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23709074/

相关文章:

javascript - 使用悬停图像效果的最有效方式

javascript - 谷歌浏览器扩展 : how to add icon inside address bar?

javascript - 从网站下载 Chrome 扩展程序,无需重定向到 Chrome 网上应用店页面

javascript - 页面重定向后如何调用Chrome扩展功能?

javascript - 如果可能,如何在执行前使用 Chrome 扩展程序编辑 <script> 标记中的代码?

javascript - 如何选择 g 元素中的特定元素并更改其在 D3.js 中的状态

html - 如何在 bootstrap 3 中构建圆形导航栏

jquery - css overflow hidden 不符合z-index的规则

HTML Chrome 审核指定图像尺寸

javascript - 用于向 iPhone 发送通知的 API 和应用程序?