用firefox调试网页

it2022-05-09  30

想必大家都已经感受到 互联网上一阵红色风暴正在兴起,那就是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

相关资源:9种使用Chrome Firefox 自带调试工具调试javascript技巧

最新回复(0)