当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > 快速实时编辑网页代码的FireFOX和IE插件

CSS样式表
CSS+DIV制作梯形状的不规则网站导航
DIV+CSS常用的网页布局代码
关于DIV+CSS和XHTML+CSS的理解
css教程:网页布局
css浮动的实例
div+css网页适应不同分辨率技巧
网站变黑白色CSS一行代码实现
网站变黑白灰色的4种代码详细讲解
CSS+Div网页布局中的结构与表现
对话闲聊DIV+CSS与WEB标准
DIV+CSS:网页一行两列背景自适应
DIV+CSS技术是否适合中国中小网站?
div+css在思路和流程上实现结构与表现的分离
div+css制作网页实战笔记心得
CSS新手整理的CSS技巧
xhtml+css网页制作中问题解决的方式
div+css与xhtml+css是什么意思?
DIV+CSS建立的符合web标准网页的好处
网站重构是一种思想和理念
HTML中使用空格排版的问题

CSS样式表 中的 快速实时编辑网页代码的FireFOX和IE插件


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-01-03   浏览: 171 ::
收藏到网摘: n/a

支付宝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)功能浏览
下载观看点亮网页操作CSS Sprite的动画