这是一个可行性问题:
使用智能 IDE、当前 F12 工具(不一定是 Firebug)和可能的一些 3rd 方插件或软件的任意组合,是否可以使用缩小样式表加载页面,使用 Inspector 在页面上查找元素,在某处更改其样式工具 UI 并在源代码中反映此更改?
我目前的工作流程是创建一些我认为可以工作的基本 CSS,然后在浏览器中加载页面,必要时在 F12 工具中更多地使用样式,然后手动更新源代码。我想知道最近是否有一些工具链通过消除最后一个手动步骤来改进这个工作流程。
这是一个可行性问题:
使用智能 IDE、当前 F12 工具(不一定是 Firebug)和可能的一些 3rd 方插件或软件的任意组合,是否可以使用缩小样式表加载页面,使用 Inspector 在页面上查找元素,在某处更改其样式工具 UI 并在源代码中反映此更改?
我目前的工作流程是创建一些我认为可以工作的基本 CSS,然后在浏览器中加载页面,必要时在 F12 工具中更多地使用样式,然后手动更新源代码。我想知道最近是否有一些工具链通过消除最后一个手动步骤来改进这个工作流程。
据我所知,谢天谢地没有。虽然工具对开发人员很有用,但可以想象恶意用户可能对公共网站造成的损害
您可以同时使用浏览器和源代码/css文件,通过刷新页面查看即时更改,否则需要复制和粘贴
是的,这就是 Chrome 开发工具引入的帮助开发工作流程的东西。目前它适用于 SASS(不是 LESS),也应该适用于 CSS 以及其他静态文件。
观看来自Fluent 2013的视频