Javascript,Firebug:我如何拥有多个视图或者开发方式的权利是什么?

时间:2009-11-10 19:45:23

标签: javascript debugging firefox firebug

我的大多数javascript工作都是用Firebug完成的,我觉得很烦人,大部分时间都不得不在HTML模式和控制台模式之间切换(我再次分为输出模式和输入模式)。当我切换到另一个页面来查看HTML并返回时,我丢失了我编写的代码。使用firebug开发javascript应用程序的最佳方法是什么?

像迷你IDE这样的东西会很棒:它只需要让我插入一些代码,检查当前页面然后让我执行它。有什么建议吗?

3 个答案:

答案 0 :(得分:1)

我使用简单的文本编辑器(vim)编写Javascript和HTML,然后我不时地在Firefox中检查结果。我总是打开两个窗口:一个用于我的文本编辑器,另一个用于在Firefox中打开当前页面。保存Javascript中的更改后,我切换到浏览器并刷新页面以观察结果。直到最近,这才是我的工作流程。

几周前,我发现了Nicholas C. Zakas的Combiner工具。为了发布我的Javascript代码,我现在使用基于Apache Ant的完整构建过程,类似于我以前在进行Java开发时所使用的。

第一步是使用JSLint tool by Douglas Crockford检查Javascript代码。我过去经常痛苦地将我的Javascript代码复制并粘贴到该工具的在线版本中;能够使用这个Ant脚本一次在我的所有Javascript文件上运行它是一个巨大的便利。

第二步是使用Combiner工具将我的所有Javascript文件合并到一个文件中。第三步是使用YUI Compressor by Yahoo!缩小Javascript代码。最后两个步骤允许优化Javascript代码的传递以减少页面加载。

您可以找到an example Ant build file,以便根据自己的需要进行调整。我目前正在使用此文件构建my own Javascript library, bezen.org

答案 1 :(得分:1)

到目前为止,其他答案都是正确的:我从来没有听说过任何人在Firefox / Firebug中实际开发,因为它是专为调试而非编码而设计的工具。要进行编码,您应该使用专为其设计的工具(文本编辑器或完整的IDE)。

但话虽如此,你可能想看一下FireEclipse(http://www.almaden.ibm.com/u/bartonjj/fireclipse/index.html)。它将允许您将Firebug与Eclipse IDE集成(Eclipse IDE本身至少有三个不同的JS插件可供选择)。或者我认为Eclipse的主要(也就是Web标准工具包,又名WST)JS编辑器有一些类似于Firebug的功能,但我从来没有使用它,所以我不知道细节。

希望有所帮助。

答案 2 :(得分:0)

  • 在编辑器/ IDE中编写HTML
  • 保存更改
  • 在浏览器中预览
  • 使用Firebug进行调试
  • 在您的源代码中编辑代码
  • 重复

Firebug用于调试,允许您在页面生效时进行一些“假设”。这不是IDE的替代品。