让生活更加美好的浏览器（Firefox）扩展

让生活更加美好的浏览器扩展

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控制台。

Ø 查看生成的源代码，这绝对是一个非常有价值的帮助。

 

友情链接：网易博客