应用简介
LiveStyle是一个用于实时CSS编辑的工具,类似于流行的LiveLoad、CodeKit等。您可以在编辑器中编辑CSS文件,保存它,并查看包含此样式表的浏览器中的网页是如何自动刷新的,从而为您提供对刚刚所做更改的视觉反馈。
LiveStyle引入了实时编辑体验:它可以在文本编辑器中键入时立即更新网页。没有文件保存或页面重新加载。这是第一个能够以正确的方式将来自浏览器DevTools的更新带回源代码的工具。
【使用说明】
所有LiveStyle设置均通过Google Chrome扩展程序控制:
LiveStyle弹出窗口显示样式表列表,可在当前网页上使用。每个浏览器样式表的下方是一个下拉列表,其中包含所有样式表,并在编辑器中打开。要开始使用LiveStyle,只需为当前页面启用LiveStyle,并将浏览器样式表与一个编辑器样式表相关联。之后,来自编辑器样式表的所有更新将被推送到指定的浏览器样式表,反之亦然。