Web Developer——瑞士军刀一样的FF插件

  如果你知道或者已经在用这个插件了,可以拉到文章结尾处点“推荐”按钮,然后再按Ctrl+W了,哈哈。

  正文开始

  我的FF一直只装了firebug和一个鼠标手势插件,一是懒得去APP中心淘,二是觉得firebug用着还凑合。

  但今天偶尔机会认识了Web Developer,发现它的功能简直碉堡了。

  因为功能实在太多了,而且都很实用,我无法一一介绍过来,所以下面我就挑几个我觉得不错的功能进行简单介绍,更多功能就让你们自己去挖掘吧。

  查看源码

  通常在FF里查看源码都是右键选择查看源代码,如果要查看处理后的源码,只能用firebug来弥补,但是阅读起来着实不便,Web Developer则提供了很好的功能

Web Developer——瑞士军刀一样的FF插件_第1张图片

  它分别有三种源码查看,一种就是普通的,也就是原始的,第二种是框架源码,也就是页面里如果嵌套了iframe,通过这个可以直接选择查看,第三种就是刚说的,可以查看处理后的源码。

  网页信息

Web Developer——瑞士军刀一样的FF插件_第2张图片

  这里功能很多,我就取了一个,“显示区块大小”,这个功能很像firebug里右侧的布局,但它更加直观,直接在页面上显示出来。同时我觉得这功能很适合新手,让他们很快就能掌握盒子模型,当然也适合设计,因为它把区块的宽高都显示出来了。

Web Developer——瑞士军刀一样的FF插件_第3张图片

  窗口大小

Web Developer——瑞士军刀一样的FF插件_第4张图片

  这个很适合调试网站在不同屏幕分辨率下的效果,比如800*600,同时还支持自定义尺寸。好处就是以后测试不需要修改电脑分辨率了,直接在这里改下尺寸,插件就能把浏览器调整到指定尺寸。

  Cookies

Web Developer——瑞士军刀一样的FF插件_第5张图片

  这功能不用多介绍了,很方便,不用再去设置里清空了,而且还可以清楚当前会话的cookies,保证其他cookies存在。

  ……

  还多很多功能,总之就是太强大了,真后悔现在才知道这个插件,推荐大家下载:https://addons.mozilla.org/en-US/firefox/addon/web-developer/

  我的FF8.0测试通过,兼容性没问题

你可能感兴趣的:(Web Developer——瑞士军刀一样的FF插件)