2010-02-10 60 views
4

我从来没有在Firebug正确看待一个脚本,他们中的每一个显示在一个line.Like所示下面的图片:如何在Firebug中调试脚本?

http://img716.imageshack.us/img716/1126/54274507.png 如何查看它正确,所以我可以调试它?

预先感谢您!

+0

相关的问题:4279319:?是否有一个插件,可以让我自动unminify的JavaScript包括在一个网站(HTTP:/ /sackoverflow.com/questions/4279319/is-there-a-plugin-that-allows-me-to-automatically-unminify-the-javascript-include) – 2011-01-07 16:09:11

回答

0

对于自己的脚本,只需拨打:

console.log(someObject); 

我经常流连的“控制台”选项卡,查看哪些错误或登录项目进来,或者使用控制台本身在键入的代码,我想跑步。

我从不使用“脚本”选项卡。

如果你只是想很好地查看代码,用美化:jsbeautifier.org

+1

谢谢!正是我在寻找的东西。 – 2010-02-10 20:20:41

+3

你在开玩笑吧?脚本标签是迄今为止最有用的萤火虫标签。你可以介入和调试你的代码,设置手表,检查变量等。基本上它可以让你看到你的代码,生活和呼吸;并且您可以随时修改该代码以测试关于您认为应该如何工作的假设。我很抱歉,但只是吹了所有的话,并说console.log足够好了......疯了! – 2010-02-10 20:24:24

+0

使用“控制台”选项卡和DOM Inspector进行调试对于我来说工作得很好,只有最少的故障。我不使用“脚本”,因为我记得我有太多的问题。也许现在好多了? – 2010-02-10 20:48:46

3

该脚本已通过删除所有无关的空格被缩小。

你不能轻易调试这样的脚本。

您自己编写并且未缩小或压缩的脚本通常会在多行上显示,并且可以进行调试。

+2

缩小(正如Umair的答案所述)也常常将变量名称更改为尽可能短(通常是单个字符)以节省更多字节。 – Cameron 2010-02-10 20:19:49

0

脚本编写者缩小并经常将变量名称更改为难以字母数字的名称,基本上希望脚本至少是人类可读的,以便没有人复制其代码/逻辑,因为人们可以轻松地使用萤火虫和类似的东西来做到这一点。这样的脚本可能是一个真正的调试痛苦,并且你很少有机会理解这个脚本。无论如何,这一切都是最好的。

你有没有试过用这个唯一可用的行上的断点来调试它?

+2

缩小对于减少JavaScript的下载大小也很有用,从而使页面加载速度更快。 – aem 2010-02-10 20:20:51

+0

耶正确的基本目标敌人缩小和合并脚本为一个较低的页面加载时间,我没有在这里详细提到,只是因为该问题与调试缩小脚本有关。感谢你也提到它 – 2010-02-11 08:02:26

+0

@Umair:'..基本上想要脚本是人类可读性最差的,这样就没有人复制他们的代码/ logi'。如前所述,缩小的主要原因是规模而不是安全。否则,jQuery或其他库提供者不会首先提供未缩小的版本进行下载。 – Nope 2012-08-05 23:40:50