所见即所得的 CSS 编辑？ [关闭]答案

【问题标题】：WYSIWYG CSS-editing? [closed]所见即所得的 CSS 编辑？ [关闭]
【发布时间】：2013-01-25 04:38:58
【问题描述】：

是否有任何应用程序或浏览器扩展程序通过所见即所得提供基本的 CSS 编辑？

例如，我希望该工具允许我通过选择页面上的任何框 DIV，然后拖动大小控件来调整其大小。

【问题讨论】：

IMO no wysiwyg 可以与在文本编辑器中进行编辑然后在浏览器中刷新相比。
这将是首先在 Photoshop 或其他设计应用程序中进行设计的重点，然后再进行编码以匹配设计。作为记录，Dreamweaver 允许您执行此操作，但它会创建绝对残暴的代码。还有一个 Photoshop 插件可以将图层转换为 CSS3 代码，但我忘记了它的名字。
@RickCalder：这不是你想的……但你的评论让我想起了 Adobe Muse：adobe.com/products/muse.html

【解决方案1】：

您真的应该尝试使用内置在您的网络浏览器（我认为最好是 Chrome）中的检查器，或者对于 Firefox 可能是 Firebug。您所做的这些更改将在刷新时被删除，但它可以让您快速进行 CSS 原型设计。

但是，我要说的是，您正在寻找的内容可能不如在文本编辑器中编辑文本并在多个浏览器上刷新您的更改那样好。我说多个浏览器是因为最好编写适用于尽可能多的平台和尽可能多的浏览器的代码，因为它对项目来说是合理的。远离浏览器内所见即所得的代码编辑器，并坚持使用 Dreamweaver、TextMate、Coda 等 IDE。

【讨论】：