是否可以在Firebug中编辑元素的样式并将此更改反映到未明细化的CSS / LESS?

时间:2013-07-18 12:34:55

标签: html css firebug google-chrome-devtools

这是一个可行性问题:

使用任意组合的智能IDE,当前的F12工具(不一定是Firebug)以及可能的某些第三方插件或软件,可以加载带有缩小样式表的页面,使用Inspector在页面上找到元素,在工具UI中的某处更改其样式,将此更改反映在源代码中

我目前的工作流程是我创建一些我认为可行的基本CSS,然后在浏览器中加载页面,在必要时在F12工具中更多地使用样式,然后手动更新源代码。我想知道是否有一些工具链最近通过取消上一个手动步骤改进了这个工作流程。

2 个答案:

答案 0 :(得分:0)

据我所知,谢天谢地。虽然一个工具对开发人员有用,但可以想象恶意用户可能对公共站点造成的损害

您可以同时使用浏览器和源代码/ css文件,并通过刷新页面查看即时更改,否则需要复制和粘贴

答案 1 :(得分:0)

是的,这是Chrome开发工具引入的一些东西,可以帮助开发工作流程。目前它适用于SASS(不是LESS),也应该与CSS一起使用,以及其他静态文件。

Fluent 2013

查看此视频