Web开发人员应该拥有的12个免费Firefox 4插件
admin 13年前
<p>Mozilla Firefox是流行和深受用户喜爱的Web浏览器之一。此外它还拥有非常多的插件可以使用，下面将为Web开发人员介绍12个非常好用的免费Firefox 4插件。<br /> <img title="Web开发人员应该拥有的12个免费Firefox 4插件" border="0" alt="Web开发人员应该拥有的12个免费Firefox 4插件" src="https://simg.open-open.com/show/c61fd25716a013bdfe71dd83f88141f4.jpg" width="336" height="400" /><br /> </p> <h3><a href="/misc/goto?guid=4958183983579986253" modo="false">1) Firebug</a></h3> <p>Firebug这个Firefox插件提供了非常多的开发工具，比如你可以利用它对任意Web页面中的CSS, HTML, and JavaScript进行编辑、调试和监测。</p> <p style="text-align:center;"><a href="/misc/goto?guid=4958183983579986253"><img class="size-full wp-image-326 aligncenter" title="firebug" alt="" src="http://zoomzum.com/wp-content/uploads/2011/05/firebug1-e1304876035451.jpg" width="580" height="357" modo="false" /></a></p> <h3><a href="/misc/goto?guid=4958185656393389283">2) Total Validator</a></h3> <p>Total Validator Tool 这软件帮助你检查你的网页是否符合标准，结果将帮助你迅速地解决问题。这件检查工具有针对 W3C/ISO DTDs 的 (X)HTML 有效性，W3C WAI ，时间检查，坏链检查等。<a href="/misc/goto?guid=4958185656393389283"><img class="size-full wp-image-327 aligncenter" title="c853a_05-total-validator" alt="" src="http://zoomzum.com/wp-content/uploads/2011/05/c853a_05-total-validator-e1304876886930.jpg" width="600" height="289" modo="false" /></a></p> <h3><a href="/misc/goto?guid=4958185657798537405">3) JavaScript Debugger</a></h3> <p>Venkman是Mozilla的JavaScript调试器的代码名称。Venkman的目的是为所有基于Mozilla的浏览器提供一个强大的JavaScript调试环境</p> <p style="text-align:center;"><a href="/misc/goto?guid=4958185657798537405"><img class="size-full wp-image-328 aligncenter" title="venkman" alt="" src="http://zoomzum.com/wp-content/uploads/2011/05/venkman-e1304877364442.jpg" width="580" height="422" modo="false" /></a></p> <h3><a href="/misc/goto?guid=4958185659209970432">4) MeasureIt</a></h3> <p>这个插件能够在任意页面上创建一个尺子，用来检测页面中元素的宽度，高度或对元素进行校准。</p> <p style="text-align:center;"><a href="/misc/goto?guid=4958185659209970432"><img class="size-full wp-image-329 aligncenter" title="03_measureit_firefox_addon" alt="" src="http://zoomzum.com/wp-content/uploads/2011/05/03_measureit_firefox_addon-e1304877725839.jpg" width="600" height="285" modo="false" /></a></p> <h3><a href="/misc/goto?guid=4958185660621301154">5) Web Developer</a></h3> <p><a href="/misc/goto?guid=4958185660621301154"><br /> </a>这个插件将Web开发人员所使用的各种工具集成到浏览器中。</p> <p style="text-align:center;"><a href="/misc/goto?guid=4958185660621301154"><img class="size-full wp-image-330 aligncenter" title="06-01_plugin_developer" alt="" src="http://zoomzum.com/wp-content/uploads/2011/05/06-01_plugin_developer.png" width="550" height="300" modo="false" /></a></p> <h3><a href="/misc/goto?guid=4958185662702074858">6) FireShot</a></h3> <p>FireShot能够对整个页面进行截屏。</p> <p style="text-align:center;"><a href="/misc/goto?guid=4958185663433558973"><img class="size-full wp-image-332 aligncenter" title="fireshot-screenshot-addon" alt="" src="http://zoomzum.com/wp-content/uploads/2011/05/fireshot-screenshot-addon1.png" width="580" height="402" /></a></p> <h3><a href="https://addons.mozilla.org/en-US/firefox/addon/codetch/?application=firefox&id=1002">7) Codtch</a></h3> <p>这个Firefox插件将免费的网页设计软件Dreamweaver集成到浏览器中。</p> <p style="text-align:center;"><a href="https://addons.mozilla.org/en-US/firefox/addon/codetch/?application=firefox&id=1002"><img class="size-full wp-image-333 aligncenter" title="mozilla-addon_plugin_codetch" alt="" src="http://zoomzum.com/wp-content/uploads/2011/05/mozilla-addon_plugin_codetch.jpg" width="550" height="300" /></a></p> <h3><a href="/misc/goto?guid=4958185665575099708">8 ) CSSUsage</a></h3> <p>这是Firebug插件的一个扩展用于查看实际使用哪一种CSS规则。</p> <p style="text-align:center;"><a href="/misc/goto?guid=4958185665575099708"><img class="size-full wp-image-334 aligncenter" title="CSS-Usage-sheet" alt="" src="http://zoomzum.com/wp-content/uploads/2011/05/CSS-Usage-sheet-e1304879090974.png" width="580" height="347" /></a></p> <h3><a href="/misc/goto?guid=4958185667000255221">9) IE TAB 2</a></h3> <p>IE Tab 2是使用最多的IE浏览器选项卡。让你能够在Firefox标签中用IE来查看网页。这个IE Tab适配器源于IE7，8或9新增的IE选项卡功能。</p> <p style="text-align:center;"><a href="/misc/goto?guid=4958185667000255221"><img class="size-full wp-image-335 aligncenter" title="08_ietab2" alt="" src="http://zoomzum.com/wp-content/uploads/2011/05/08_ietab2.jpg" width="580" height="300" /></a></p> <h3><a href="/misc/goto?guid=4958185668404957482">10) HTML Validator</a></h3> <p>HTML Validator是Mozilla的一个扩展，它在内部Firefox和Mozilla内部增加了HTML验证功能。在你浏览网页的时候，在状态栏有一个图标显示了你网页发生错误的数量。</p> <p style="text-align:center;"><a href="/misc/goto?guid=4958185668404957482"><img class="size-full wp-image-336 aligncenter" title="windowslivewriterhtmlvalidatorfirefoxaddonfindhtmlerrorsi-9db1html-validator-firefox-addon" alt="" src="http://zoomzum.com/wp-content/uploads/2011/05/windowslivewriterhtmlvalidatorfirefoxaddonfindhtmlerrorsi-9db1html-validator-firefox-addon.png" width="550" height="320" /></a></p> <h3><a href="/misc/goto?guid=4958185669819624861">11) ColorZilla</a></h3> <p>这个插件提供了高级的颜色吸管，色彩选择器，页面缩放和其它丰富多彩的好东西。</p> <p style="text-align:center;"><a href="/misc/goto?guid=4958185669819624861"><img class="size-full wp-image-337 aligncenter" title="06-07_plugin_colorzilla" alt="" src="http://zoomzum.com/wp-content/uploads/2011/05/06-07_plugin_colorzilla.png" width="550" height="300" modo="false" /></a></p> <h3><a href="/misc/goto?guid=4958185671242167638">12) FirePHP</a></h3> <p>FirePHP 是Firebug的一个扩展，它可以用于调试服务器端的PHP 程式，听起来是不是很不可思议？其实用的技术跟某些IDE 一样，要求你在写程式时加入一些追踪用的代码。通过使用Firephp你可以在Firebug的Console栏中看到要调试的数据，而不影响php程序 的正常执行，所以说，这东西对于Ajax开发是很有帮助的。<a href="/misc/goto?guid=4958185671242167638"><img class="size-full wp-image-338 aligncenter" title="firephp" alt="" src="http://zoomzum.com/wp-content/uploads/2011/05/firephp-e1304880222401.jpg" width="570" height="342" modo="false" /></a><br /> <br /> 原文地址：<a href="/misc/goto?guid=4958185672653463070">http://zoomzum.com/12-best-free-firefox-4-add-ons-for-web-designers/</a><br /> </p>