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/

相关文章:

google-chrome-extension - Chrome网上应用店未在搜索结果中显示我的扩展程序

javascript - IE 不将 CSS 应用于 JS,在 Chrome/FF 中工作

javascript - 在 Android 上的 Chrome 上的 jQuery.ready() 中没有自动播放 mp3 文件

javascript - 为什么 Google Chrome 不支持这种 JavaScript 语法?

javascript - javascript(或浏览器扩展)如何检测受限功能的使用?

javascript - 弹出窗口未显示在 Chrome 扩展程序中,但单击图标时会触发所有事件

javascript - 如何在php页面中打开带有过渡效果的关闭div?

jquery - 排序后的 DataTables.net 自定义字体大小

javascript - 在其他 div 下隐藏固定定位的 div(视差)

google-chrome - 我应该使用MutationRecord.oldValue吗?