firebug里编辑完css直接保存到源文件

首先，从这里得知可以实现这个功能

https://getfirebug.com/swarms/Firefox-15.0/?swarms=basic&swarms=developer

然后来到官网

http://www.cssupdater.com/

上面的是官网，看到里面介绍到：

cssUpdater workflow!

- Edit your CSS in FireBug CSS tool until satisfied
- Hit Sync button in FireBug (hotkey alt s)
- Reload your site to see that your changes are persistent!
- Smile!

需要先注册一个账号，再安装一个软件，才能使用

系统要求是：Adobe Air,  Firefox and minumum FireBug v 1.6.x

先安装firefox和firebug，再安装Adobe Air，然后点击http://www.cssupdater.com/install 页面里的黑色图片

安装完成后会要填一个registration key

 

只要你注册这个网站的账号就会有一个注册码，到www.cssupdater.com/index.php?p=memberpage里可以找到，填好后就可以用了。

注意，这时用的是个免费版。

 

从youtube上下载了一个视频放到youku里，没懂的可以看看去。

 http://v.youku.com/v_show/id_XNDU5OTM5MjY4.html

 

使用方法：

1. 打开 cssUpdater 软件
2. 把要编辑的css文件拖到应用里
3. 用火狐里的FireBug修改文件
4. 如果失败更新页面再试
5. 点击firebug 面板里的Sync now
6. 刷新页面，css已经修改好了