Web Developer——瑞士军刀一样的FF插件
如果你知道或者已经在用这个插件了,可以拉到文章结尾处点“推荐”按钮,然后再按Ctrl+W了,哈哈。
正文开始
我的FF一直只装了firebug和一个鼠标手势插件,一是懒得去APP中心淘,二是觉得firebug用着还凑合。
但今天偶尔机会认识了Web Developer,发现它的功能简直碉堡了。
因为功能实在太多了,而且都很实用,我无法一一介绍过来,所以下面我就挑几个我觉得不错的功能进行简单介绍,更多功能就让你们自己去挖掘吧。
查看源码
通常在FF里查看源码都是右键选择查看源代码,如果要查看处理后的源码,只能用firebug来弥补,但是阅读起来着实不便,Web Developer则提供了很好的功能
它分别有三种源码查看,一种就是普通的,也就是原始的,第二种是框架源码,也就是页面里如果嵌套了iframe,通过这个可以直接选择查看,第三种就是刚说的,可以查看处理后的源码。
网页信息
这里功能很多,我就取了一个,“显示区块大小”,这个功能很像firebug里右侧的布局,但它更加直观,直接在页面上显示出来。同时我觉得这功能很适合新手,让他们很快就能掌握盒子模型,当然也适合设计,因为它把区块的宽高都显示出来了。
窗口大小
这个很适合调试网站在不同屏幕分辨率下的效果,比如800*600,同时还支持自定义尺寸。好处就是以后测试不需要修改电脑分辨率了,直接在这里改下尺寸,插件就能把浏览器调整到指定尺寸。
Cookies
这功能不用多介绍了,很方便,不用再去设置里清空了,而且还可以清楚当前会话的cookies,保证其他cookies存在。
……
还多很多功能,总之就是太强大了,真后悔现在才知道这个插件,推荐大家下载:https://addons.mozilla.org/en-US/firefox/addon/web-developer/
我的FF8.0测试通过,兼容性没问题
hooray.github.io