Firefox扩展:Web Developer

今天才发现了这个很好用的Firefox扩展，功能实在强大！

安装好扩展后你的火狐会增加一条Web Developer工具条。分为这样几个部分：Disable、Cookies、CSS、Forms、Images、Information、 Miscellaneous、Outline、Resize、Tools、View Source、Options。

由于我也还没有摸透用处，只大略说下我暂时了解的用途。

Disable中，可以屏蔽JavaScript脚本、缓存、mete自动重新定向、背景、甚至禁用弹窗等等，所以它的官方宣传也有更安全的上网。

Cookies中，貌似是可以查看，编辑当前页面的Cookies信息，还可以手动增加Cookies信息。

CSS中，强大强大啊！可以查看当前页的CSS样式表，多个样式表分成多个标签，可以自己切换查看，并实时查看效果！

Forms中，可以对页面的表单进行控制，还有一个选项是显示密码？我也不知道怎么用呢。

Images中，控制页面图片，可以屏蔽，修改图片属性，alt值之类的。

Information中，有时很强大的功能哦！可以查看当前页面属性，如颜色，文本大小，整页的超链接，甚至 JavaScript都可以。还有所有的id，class，table等其他元素的名称，占位信息。

Miscellaneous中，这个很有趣哦！我刚用就被吓着了，强大过头了吧！可以显示页面的辅助线，面积，以及一些测量，就像Photoshop这类图形软件一样。哈哈，还可以编写HTML，当然和CSS一样，也是可以实时查看到效果的。

Outline中，可以显示div，h1-h6，表单，单元格位置，嵌套级别，大小等等，不仅可以查看还可以针对元素进行设置。

Resize中，可以显示当前窗口的大小，也可以自定义，或者使用800×600。

Tool中，可以将CSS及XHTML校验工具整合在一起，可以点击此工具中的校验选项对当前页面进行检验，它会自动链接到相关校验页面，并返回校验结果。

View Source中，不用说了吧，查看源代码。

Options中，这个是修改Web Developer相应参数的。