2011-11-16 50 views
0

這可能是一個很好的選擇,但爲了簡化我開發Web應用程序的方式,我正在尋找一個瀏覽器插件或工具可以做這些事情:尋找一個瀏覽器插件來動態編輯和保存CSS文件,並支持代碼摺疊

  • 編輯CSS文件的文本生活(基於文本的,而不是基於結構)
  • 保存文件到本地文件系統預定義文件夾(一次點擊)
  • 摺疊CSS塊(可能包含基於註釋的部分)
  • 離線時應該工作
  • 沒有額外條件,如在服務器上的PHP文件,使其工作或類似的

任何東西(這並不重要的瀏覽器,它會一起工作,如果我有,我會切換)的許多工具(在線和離線)和插件

無我曾嘗試(螢火蟲 - WebPutty - FireFile - FireDiff等),適合我的需要,這將使我的生活變得更輕鬆......

謝謝!

赫拉斯

+1

祝你好運...... – Alex

回答

1

您是否嘗試過的Firefox Web開發工具欄,您可以編輯和保存CSS,它不是像你一樣螢火蟲進行編輯,但有保存功能https://addons.mozilla.org/en-US/firefox/addon/web-developer/

+1

自從我使用Web Developer以來,已經有一段時間了,確實有CSS保存功能。快速瀏覽後最大的缺點:它似乎並不容易讓我選擇一個元素,因此弄清楚應用了什麼CSS,是非常棘手的。哎呀,也許我應該考慮寫我自己的插件... – Heras

+0

是的,爲什麼他們不放在螢火蟲上的大小按鈕是超越我!如果你真的寫下來,讓我知道我會非常有用:-) – Ben

1

MacRabbit Espresso有一個CSS「覆蓋「這聽起來像它會做你想要的功能。基本上,你在你的樣式表的頂部插入一個特殊的註釋,像這樣:

/* @override 
http://www.yoursite.com/path/to/stylesheet.css */ 

然後,當你改變你的本地風格,咖啡可以將其「應用」到直播現場,讓你預覽更改時不需要實際上傳任何內容(也不需要在服務器上安裝任何特殊的內容)。

Espresso的CSS編輯器還支持代碼摺疊。顯然這也可以脫機工作,如果你只是預覽本地文件而不是遠程文件(如果一切都是本地的話,不需要重寫)。

希望你在Mac上,雖然... :-)

+0

我不是,並且無法改變(VS/.NET):'(雖然有看看吧!) – Heras

+0

你仍然可以如果您安裝Windows,請在Mac上運行VS,但是,我承認「購買Mac以便您可以運行Espresso」不是解決您問題的最經濟的解決方案:-) – daGUY

+0

在Windows和OSX之間切換僅用於編輯CSS也不會加快開發速度;) – Heras

0

嘗試使用CSS Brush,鉻插件直播創建CSS。它具有代碼摺疊類功能。您也可以將鼠標懸停在每個選擇器上以查看受該選擇器影響的元素。上下文相關菜單和選擇器過濾器功能對於快速設計者非常有用。