IT技术博客大学习 共学习 共进步
全部 移动开发 后端 数据库 AI 算法 安全 DevOps 前端 设计 开发者

css样式修改神器cssUpdater的使用方法

雕刻时光 2012-06-14 13:59:49 累计浏览 3,052 次
本机暂存

需要先安装 `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属性

同分类推荐文章

  1. translateZ() (2026-06-25 21:18:56)
  2. translateY() (2026-06-25 21:17:56)
  3. translateX() (2026-06-25 21:16:01)

查看更多 前端 文章 →

建议继续学习

  1. 50个活力和动感的网页设计-颜色的灵感 (累计阅读 34,442)
  2. 我的 Sublime Text 2 笔记 (累计阅读 16,729)
  3. 视觉设计前瞻实用性研究(PNVD) 第二期 (累计阅读 12,977)
  4. 各公司对前端开发的职位描述 (累计阅读 10,405)
  5. iframe大小自适应 (累计阅读 10,057)
  6. 浏览器的渲染原理简介 (累计阅读 8,377)
  7. 解决IE6从Nginx服务器下载图片不Cache的Bug (累计阅读 8,357)
  8. 程序员眼里IE浏览器是什么样的 (累计阅读 8,011)
  9. 2010网页设计趋势 (累计阅读 7,818)
  10. Web前端工程师编程能力飞升之路 (累计阅读 7,691)