所見即所得CSS編輯？

是否有任何應用程序或瀏覽器擴展通過所見即所得來提供基本的CSS編輯？所見即所得CSS編輯？

例如，我希望該工具可以讓我通過選擇它然後拖動大小控件來調整頁面上的任何框DIV的大小。

2013-01-25 themirror

IMO沒有wysiwyg可以比較在文本編輯器中進行編輯，然後在瀏覽器中刷新它。 – fredsbend

這將成爲在Photoshop或其他設計應用程序中進行設計的重點，然後再編碼以匹配設計。對於記錄Dreamweaver可以讓你做這些東西，但它創造了絕對殘酷的代碼。還有一個Photoshop插件可以將圖層轉換爲CSS3代碼，但我忘記了它的名字。 –

@RickCalder：這不是你想要的那個......但你的評論讓我想起的是Adobe Muse：http://www.adobe.com/products/muse.html – cereallarceny

您應該嘗試使用內置於您的網絡瀏覽器（最好是Chrome瀏覽器）中的檢查器，或者Firefox的Firebug。您所做的這些更改將在刷新時被刪除，但它可以讓您快速進行CSS原型設計。

但是，我要說的是，您所尋找的可能不如在文本編輯器中編輯文本並在多個瀏覽器中刷新更改的想法。我說多個瀏覽器是因爲最好編寫適用於該項目的儘可能多的平臺和瀏覽器的代碼。遠離瀏覽器中的所見即所得編輯器代碼，並堅持使用Dreamweaver，TextMate，Coda等IDE。

2013-01-25 04:44:00 cereallarceny

回答