前端开发的得力助手——点亮网页(国产)
利用浏览器插件,增强前端开发的调试功能。
FireFox插件FireBug已经很强大,可以实时修改网页的CSS和HTML,这里介绍的是建立在FireBug基础上更高级的应用。
支付宝UED的鸽子同学制作了一个Firefox插件,它可以用来快速实时编辑网页代码,快速基于Firefox制作Demo页面,方便的编辑修改CSS Sprite,以及配合Fiddler调试页面,是一个很不错的前端开发助手。
Firefox版本
该插件基于Firebug,所以安装前请确保已经安装Firebug。

一些主要特性;
即时编辑——即改即现,把Firefox打造成超强网页编辑器;
与Fiddler一起使用,快速调试线上网页,HTML代码快速生成;
刷新CSS,DOM不刷新;
禁用单个CSS样式;
CSS Sprites位置快速设定;
保持Session不过期;
导出任意节点为PNG图片;
现在就安装(从火狐官方下载1.6版)
推荐查看作者的博客,里面有几篇介绍该插件的文章。你也可以查看Alipay的UED的介绍。
IE版
非常不错的是,该插件同时也提供了一个IE版本,安装很方便就是下载文件:http://nihaoku.cn/Linr/LinrIEGallery.reg 下载下来后运行reg文件,右键菜单就会出现“点亮网页”选项,重启IE内核的浏览器,然后右键选择“点亮网页”即可使用。

推荐查看IE版本的官方介绍。
另外作者在博客中透露Chrome版本也在开发中,很快就会面世,让我们一起期待吧。
查看点亮网页+Fiddler的视频演示
查看LinrLightWeb(Firefox Add-on)功能浏览
下载观看点亮网页操作CSS Sprite的动画
来源:http://www.qianduan.net/light-web-useful-firefox-ie-plugin.html