DIV CSS 佈局教程網

支付寶UED的鴿子mm制作了一個Firefox插件，它可以用來快速實時編輯網頁代碼，快速基於Firefox制作Demo頁面，方便的編輯修改CSS Sprite，以及配合Fiddler調試頁面，是一個很不錯的前端開發助手。

Firefox版本

該插件基於Firebug，所以安裝前請確保已經安裝Firebug。

一些主要特性；

• 即時編輯——即改即現，把Firefox打造成超強網頁編輯器；
• 與Fiddler一起使用，快速調試線上網頁，Html代碼快速生成；
• 刷新CSS，DOM不刷新；
• 禁用單個CSS樣式；
• CSS Sprites位置快速設定；
• 保持Session不過期；
• 導出任意節點為PNG圖片；

推薦查看作者的博客，裡面有幾篇介紹該插件的文章。你也可以查看Alipay的UED的介紹。

IE版

非常不錯的是，該插件同時也提供了一個IE版本，安裝很方便就是下載文件：http://nihaoku.cn/Linr/LinrIEGallery.reg 下載下來後運行reg文件，右鍵菜單就會出現“點亮網頁”選項，重啟IE內核的浏覽器，然後右鍵選擇“點亮網頁”即可使用。

推薦查看IE版本的官方介紹。

另外作者在博客中透露Chrome版本也在開發中，很快就會面世，讓我們一起期待吧。

查看點亮網頁+Fiddler的視頻演示
查看LinrLightWeb(Firefox Add-on)功能浏覽