快速实时编辑网页代码的FireFOX和IE插件

2016-02-20 00:23 12 1 收藏

今天天气好晴朗处处好风光,好天气好开始,图老师又来和大家分享啦。下面给大家推荐快速实时编辑网页代码的FireFOX和IE插件,希望大家看完后也有个好心情,快快行动吧!

【 tulaoshi.com - Web开发 】

支付宝UED的制作了一个Firefox插件,它可以用来快速实时编辑网页代码,快速基于Firefox制作Demo页面,方便的编辑修改CSS Sprite,以及配合Fiddler调试页面,是一个很不错的前端开发助手。

Firefox版本

该插件基于Firebug,所以安装前请确保已经安装Firebug。

一些主要特性;

即时编辑即改即现,把Firefox打造成超强网页编辑器; 与Fiddler一起使用,快速调试线上网页,HTML代码快速生成; 刷新CSS,DOM不刷新; 禁用单个CSS样式; CSS Sprites位置快速设定; 保持Session不过期; 导出任意节点为PNG图片;

推荐查看,里面有几篇介绍该插件的文章。你也可以查看。

IE版

非常不错的是,该插件同时也提供了一个IE版本,安装很方便就是下载文件: 下载下来后运行reg文件,右键菜单就会出现点亮网页选项,重启IE内核的浏览器,然后右键选择点亮网页即可使用。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

推荐查看。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

另外作者在博客中透露Chrome版本也在开发中,很快就会面世,让我们一起期待吧。

查看
查看LinrLightWeb(Firefox Add-on)功能浏览
下载观看

来源:http://www.tulaoshi.com/n/20160220/1631752.html

延伸阅读
标签: Web开发
我们讨论的主题 CSS网页布局 ,最令大家头疼的问题就是浏览器兼容性,虽然webjx.com介绍过很多这方向的知识,但依然让很多开发人员晕头转向,今天的这篇文章,将列出css和javascript在IE和Firefox中二十三个不同点,希望对大家的学习有所帮助。 一、document.formName.item("itemName") 问题   问题说明:IE下...
标签: Web开发
做网页常常避免不了预览,查看一下自己制作的网页元素位置有没有布置好,字体的大小有没有满意,图片是否正确显示等等等等。而Dreamweaver3.0预览时总会产生临时文件,临时文件也常常没有自动删除,给做网页的人带来不少的烦恼。(在Dreamweaver4.中这样的现象少很多了)因此笔者做网页极少用快捷键“F12”预览,而是装一个PWS(win98中)...
毫无疑问,比起其他浏览器,谷歌浏览器虽有着明显的优势,但是它的劲敌火狐却是很多前端攻城师和研发人员的挚爱,为了尽可能地提高用户体验,火狐浏览器的社区在插件开发和运用上有着丰富的经验,说它是网站开发者的首选浏览器也并不为过。 本文集合了20款为开发者而生的优质插件,在这些插件的帮助下,网页开发者可以创造出令人惊艳、极富创...
标签: Web开发
兼容IE与FF Code:间隔滚动效果-兼容IE和FireFox 14家国内银行启用CN新域名防诈骗华军,天空就暂停迅雷下载发布最新公告微软OneCare处子秀过关 拦住Word漏洞木马 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
标签: Web开发
w3c规范中getElementsByName是按着name属性进行检索的,而MS的IE却是按着id来检索。导致不能得到应该得到的Elements,为适应浏览器,我们可以做一下调整:  一、把需要用getElementsByName的name都加上id,且id和name相同。  二、用一个函数来适应浏览器,代码如下:  代码如下: getElementsByName:function (name)&nb...

经验教程

337

收藏

53
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部