使用实时预览更改CSS值。 Less.js?

时间:2014-09-11 10:49:39

标签: jquery css live-preview less.js

我想在管理员CP中创建一个页面,您可以在其中自定义某些CSS属性的值,例如背景颜色。这应该有一个实时预览,例如在Wordpress中,但我不知道如何。

我使用LESS作为样式,所以我考虑使用Less.js和

less.modifyVars()

它可以工作,但问题是,显示页面中的更改大约需要一秒钟,因为文件越小越小,因为我也导入Bootstrap。

还有其他想法如何做这样的事情吗?

1 个答案:

答案 0 :(得分:0)

假设您正在使用LiveReload或类似的东西,将一个大文件拆分成许多较小的文件。然后,LiveReload将仅重新加载/更新实际已更改的文件 - 这应该更快/更快。

<小时/>  您可以使用Chrome开发工具保存CSS更改 - 更多信息How to save CSS changes of Styles panel of Chrome Developer Tools?