让生活更加美好的浏览器扩展
Web浏览器再也不只是用来呈现标记!现代web浏览器,实际上已经是运行其他软件的运行时平台了。浏览器在这方面的优缺点不一,但几乎都从某种程度上以扩展的形式提供了一些扩展性。在这里介绍一些在日常开发有帮助的扩展工具。
Firefox扩展
在Firefox浏览器中,可以点击“工具”菜单,选择“附加组件”来找到所有Firefox扩展(或插件)。在https://addons.mozilla.org/en-US/firefox/这个页面上可以浏览所有可用的插件。
1.Venkman
Venkman调试器可以调用栈导航,监视指定变量值的能力,还可以在代码中设置断点,以及实时修改变量来观察代码的反应。如图1所示。
图1、Firefox的Venkman调试器
2.Firebug
Firebug提供了很多不同的功能,他们都被包在一个精巧的包里。比如,console标签。
Firebug注册Ajax请求,通过展开请求,观察传递的参数,post的主体部分、应答,等等。在Ajax开发中很有帮助。Firebug也提供了一个调试器,也具有实时修改值和设置断点的作用。如图2所示。
图2,、Firebug
3.Page info
Page info是一个非常有用同时又非常简单的Firefox工具。它事实上是绑定在Firefox浏览器中的,在工具栏的菜单可以访问。如图3。
图3、Page Info
4.Web Developer
Web Developer工具条是另一个不容错过的扩展工具。这个插件以工具条的形式提供了如此丰富的功能。
Ø 禁用各种元素,如JavaScript、meta重定向、页面颜色等。
Ø 查看cookie信息,还可以清空单个或一个域下的全部cookie等。
Ø 编辑页面上使用的css,完全禁用css,或只是查看导入的样式表。
Ø 修改表单的提交方法,使禁用的表单区域可写,将<select>元素改成文本区域等。
Ø 通过很多方法来操作图像,还可以获得关于他们的各种信息。
Ø 获得你可以想象的,关于页面的所有信息片段。
Ø 使锁定的框架可以重新设定大小
Ø 突出显示任何你想要的页面元素类型,因此,你可以很清楚地看到所有拟想要的表格、<div>元素、表单等。
Ø 重新设置窗口大小、也可以将它自动重设到任何最通用的窗口大小(比如,方便地查看页面在640×480的显示器中是什么样子的)。
Ø 快速获得大量在线验证的入口,以及JavaScript和Java控制台。
Ø 查看生成的源代码,这绝对是一个非常有价值的帮助。
友情链接:网易博客