css样式修改神器cssUpdater的使用方法
需要先安装 `Adobe Air`__ , Foxfox ,firebug(版本要求1.6+)
__: http://get.adobe.com/cn/air/
然后安装cssUpdater扩展,需要重启firefox:
https://addons.mozilla.org/en-US/firefox/addon/cssupdater/
继续下载安装cssUpdater.air,这是Adobe Air 程序
http://www.cssupdater.com/files/cssUpdater.air
获取序列号,注册一个帐号登录后会得到registration key,或者使用我的注册码 (beta_falconchen):
http://www.cssupdater.com/index.php?p=memberpage
回到cssUpdate.air中,输入上一步得到的key即可启动程序
Manage Projects里新建一个项目,命名为test.
从http://www.cssupdater.com/install下载两个测试文件::
Examples.css : http://www.cssupdater.com/files/cssUpdater.css
cssUpdater-test.html : http://www.cssupdater.com/files/cssUpdater-test.html
使用cssUpdate.air 的 `add local files` 把Examples.css添加进来,用firefox打开csscssUpdater-test.html , 切换到cssUpdater点击test connection,如果看到以下信息,说明连接成功。
在firebug中对csscssUpdater-test.html 进行样式修改,点击sync now, 刷新页面效果并没有消失,因为样式更改已经同步到了Examples.css,
这下Firebug不仅是所见即所得,而且可以同步更改使之变成了一个真正的样式编辑器,DreamWeaver 之流简直弱爆了有木有?
存在的问题:
cssUpdater不支持css属性替换,如果之前有一个属性是height:100px,你不能把它改成min-height:100px,因 为如果这样做的话height:100px仍然会存在于原css文件,正确的做法是,在firebug里禁用height属性,然后增加新的min- height属性
扫一扫订阅我的微信号:IT技术博客大学习
- 作者:Falcon 来源: 雕刻时光
- 标签: cssUpdater
- 发布时间:2012-06-14 13:59:49
- [17] 浏览器的工作原理:新式网络浏览器幕后揭秘
- [14] 界面设计速成
- [13] Android设计中的.9.png
- [12] 我的git笔记
- [12] Spark性能优化——和shuffle搏斗
- [11] Python 代码规范小结
- [11] 内网穿透神器frp
- [11] Python程序的执行原理
- [11] 深入剖析 redis replication
- [11] 系统工程师的自我修养- sed篇