当前位置: 代码迷 >> Web前端 >> Firefox扩张:Web Developer
  详细解决方案

Firefox扩张:Web Developer

热度:658   发布时间:2012-10-29 10:03:53.0
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相应参数的。
  相关解决方案