江湖秘笈：都说Firefox好用功能强大一直不以为然 直到今天才发现它的好用之处

一天一点

看官们，晚上好，我是2 cats大侠。

经过一晚的努力准备，圣诞节的相关工作已经准备差不多啦，只待到时间之后给Ziva女侠一个大大滴惊喜即可，哇嘎嘎。

简单释放一下愉快的心情，赶快进入今天的工作状态。

由于是周五，看官们很多人都会被路上拥堵的交通搞得不厌其烦。此时，我们应该放缓心情，在不耽误出行的情况下翻一翻一周内我们学过的新知识。

PS：开车的司机看官们还请认真开车哦。

摸透浏览器的自有插件

今天，2 cats大侠我将为众看官们带来的是你们所熟悉的浏览器扩展工具，它的名字叫做Web Developer，是Firefox浏览器自有的插件，可在市场中免费下载。

Web Developer的各项功能

Web Developer拥有很多好用的功能，无论是对编程的看官们，还是对安全审计的看官们都有着极大帮助。

现在先来让我们了解下它的功能项：

1

Disable禁用工具：

可以暂时屏蔽当前网页中的某些功能。如JavaScript脚本、缓存、mete自动重新定向、将网页显示为黑色（图片除外）、禁用弹窗等。

2

Cookies工具：

可以用此工具查看当前的Cookies信息，可以按不同的域名或路径进行查看，而且可以手工增加一个Cookies，这对于后台网络编程的开发调试来讲非常方便，是得力工具之一。

3

CSS样式表工具：

这是一个非常强大的工具，基于CSS网页布局有这个得力的助手，工具与学习都变的非常简单，可以控制CSS是否应用，查看网页的CSS文件，并进行实时的编辑，并在浏览器窗口中立即反映出编辑后的效果。

4

Forms表单工具：

主要作用是对页面的表单进行控制，其中的很多功能对于表单程序的开发有着非常非常大的帮助。

5

Images图像工具：

可以怼当前页面的图像进行设定，可以显示所有图片的alt信息，对背景等也可以进行是否显示的设定。

6

Information信息工具：

此工具在我们的CSS网页布局设计中也经常用到，我们可以用它来查看页面中所有的id、class及table等元素的名称、站位等信息，关于此工具。

7

Miscellaneous其它：

这是一个非常“好玩”的工具，它所提供的功能是我们所梦寐以求的，在页面布局中，我们可以用它来达到很多有意思的功能，如辅助线、面积、测量等。

至于后续再多的功能，在此就不做陈述，看官们可以自行上线查看了解。

工具演示

这是对Web Developer工具的一些描述和展示。

2 cats寄语

老规矩不变，

如果有任何问题依旧可以发给e品小顽童。

小顽童的邮箱是：

xiaowantong@epinjianghu.com。

也可以在微信公众号的下方留言，我们会及时整理反馈的。

期待各位的来信交流！

Believe

e品江湖

不失初心 不忘初衷

长按扫码 加关注！