用firefox调试网页

想必大家都已经感受到 互联网上一阵红色风暴正在兴起,那就是firefox。目前firefox的下载次数已经超过1亿(下载地址http: //www.mozilla.org/products/firefox/),我一直都不清楚火狐浏览器究竟哪里如此诱人呢?浏览 网页用ie,尤其是 maxthon已经很“人性化”了,firefox还会有多大优势呢?
想必大家都已经感受到 互联网上一阵红色风暴正在兴起,那就是firefox。目前firefox的下载次数已经超过1亿(下载地址 http://www.mozilla.org/products/firefox/),我一直都不清楚火狐浏览器究竟哪里如此诱人呢?浏览网页用ie,尤其是maxthon已经很“人性化”了,firefox还会有多大优势呢?
firefox最大的优势是他的插件,因为它是开源的,所以插件非常丰富。官方网站: https://addons.mozilla.org/extensions/ 插件应有尽,看得你眼花缭乱。下面是我目前用的几个比较实用的插件:


我所使用的firefox插件:
使用类:
Tabbrowser Extensions:
http://piro.sakura.ne.jp/xul/tabextensions/index.html.en
功能强大的标签插件,类似maxthon的多标签,高可定制性。双击新建标签,关闭标签,之类的操作可以随便定制。
Super GragAndGo:
http://ftp.iasi.roedu.net/mirrors/mozdev.org/superdragandgo/
类似MyIE2的“超级拖放”,借助这个Extension,你可以任意拖放网页上的内容,如链接、网址、文本,它可以自动在新的tab中打开这些网址或直接到Google搜索。
MR Tech Local Install:
https://addons.mozilla.org/extensions/moreinfo.php?application=firefox&id=421
MR Tech Disable XPI Install Delay:
https://addons.mozilla.org/extensions/moreinfo.php?id=775
firefox本身的插件安装比较麻烦,要一个一个安装,还有3秒钟延时,用了这两个插件,安装管理插件就方便多了。
网页制作类(web developer):
web developer:
https://addons.mozilla.org/extensions/moreinfo.php?id=60
有了这个插件,察看编辑,验正 代码规范,非常方便,比如察看css,ie中总要查看 代码,然后copy相应的css引用地址,再输入,才可以看到,这里只要点一下,就可以看到css 代码了。到底有多么方便,用一下就知道了。
MeasureIT:
https://addons.mozilla.org/extensions/moreinfo.php?id=539
ColorZilla:
https://addons.mozilla.org/extensions/moreinfo.php?id=271
看名字就可以知道这两个插件是作什么的了。直接在页面上量度长度,取颜色。以前碰到好看的网页,或者更改网页,要取颜色,总要打开photosho,抓屏
取颜色,或者量度某块区域的长宽,用了这个插件就方便多了,只要点一下上面那两个小图片就可以了,生产效率明显提高^^
好用的插件还多得很,比如cookie察看编辑的,http header察看编辑的,甚至有整站抓取得,自己去 https://addons.mozilla.org/extensions/找吧,一定会有惊喜。
其实mozilla和firefox本身就有很多好用的功能,比如java script控制台,DOM查看器等等
查看 代码,我们经常会察看或者修改网页上某块 代码,总要查看-查看源文件,然后搜索关键字,跳转到相应的位置,有关键字还好,有时候没有关键字,找起来不是一般的麻烦。
Mozilla和firefox有个非常人性化的功能,查看选中区域的 代码。鼠标选取 网页上一些内容,然后点右建-查看选中的 代码,就会出现这块区域的代
码了,再也不用翻来覆去的查找。如果是table形式的 网页就更加方便,按住ctrl,点击就可以选择某个td,可以多选,然后就可以查看选中的 代码了。
在ie中,js出了问题是不是很头疼?一步一步调试,alert。在mozilla和firefox中方便多了,除了错误时,会出现这个红色的叹号,只要点一下,就会弹出javascript错误的详细信息

转载于:https://www.cnblogs.com/n666/archive/2009/12/08/2191042.html

你可能感兴趣的:(用firefox调试网页)