V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
推荐关注
Meteor
JSLint - a JavaScript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
JavaScript 权威指南第 5 版
Closure: The Definitive Guide
xingzhi
V2EX  ›  JavaScript

请教js的调试方法以及调试工具

  •  
  •   xingzhi · 2011-11-22 22:27:38 +08:00 · 9731 次点击
    这是一个创建于 4754 天前的主题,其中的信息可能已经有所发展或是发生改变。
    目前我只知道aptana这个工具了。但需要firebug+aptana火狐插件的配合。
    因为我机子的火狐是最新版,aptana并不支持 T T
    所以没调试成功。

    请问前端开发,有没有一些比较常用的js调试工具? 方法?
    实在觉得js太难debug了。一处错误便导致全部无法使用——也很难找出究竟是哪错了。

    请大伙指条明路,谢谢。
    27 条回复    1970-01-01 08:00:00 +08:00
    hanfeizi
        1
    hanfeizi  
       2011-11-22 22:31:03 +08:00
    在 firebug 里面 觉得自己没把握的地方下断电 F5刷新 触发那个事件。。。就可以调试了。。这是我的方法。。不过我一般喜欢alert
    xingzhi
        2
    xingzhi  
    OP
       2011-11-22 22:35:46 +08:00
    @hanfeizi
    恩,是个简单的方法!
    supersheep
        3
    supersheep  
       2011-11-22 22:54:47 +08:00
    chrome,ctrl+shift+J。
    调用堆栈,变量监视,事件、dom、xhr断点,元素选择,资源列表,请求分析……
    要啥有啥,爽死你。调试的地方可以在程序里加console.log替代alert
    kojp
        4
    kojp  
       2011-11-22 22:58:26 +08:00
    firebug 足矣了吧。。aptana 不是编辑器吗?
    mywaiting
        5
    mywaiting  
       2011-11-22 22:59:51 +08:00
    Chrome的console,纯脚本的话在NodeJS 里调试也可......偶私下觉得Chrome就可以搞定一切了,IE系的吧,嗯嗯,珍惜生命........
    hanfeizi
        6
    hanfeizi  
       2011-11-22 23:09:57 +08:00
    @supersheep .....大神 出个教程把...目前没用过chrome那个调试工具。。
    fanzeyi
        7
    fanzeyi  
       2011-11-22 23:13:43 +08:00
    Chrome 调试工具就足够了=_= .. 足够好用
    supersheep
        8
    supersheep  
       2011-11-22 23:19:49 +08:00
    @hanfeizi 额,我很弱的其实,这东西你用用看就知道了,非常傻瓜。
    Chris_Ys
        9
    Chris_Ys  
       2011-11-22 23:30:57 +08:00
    关于 Chrome developer tools 的教程, 看这些足够:

    官方文档:
    http://code.google.com/chrome/devtools/docs/overview.html

    Youtube 视频:
    &feature=share
    Chris_Ys
        10
    Chris_Ys  
       2011-11-22 23:32:00 +08:00
    @mywaiting IE8 自带的工具很不错, IE9 就更好了. 如果装了 Visual Studio, 可以启用 VS 作为调试工具, 还行.
    xingzhi
        11
    xingzhi  
    OP
       2011-11-23 00:50:50 +08:00
    @mywaiting @kojp @fanzeyi @Chris_Ys @supersheep

    多谢回答!

    原来最好的调试工具已经在手中了,而我却不知道- -

    看来得好好研究一下chrome 和firebug了!
    mywaiting
        12
    mywaiting  
       2011-11-23 03:29:02 +08:00
    @Chris_Ys IE的东西,尤其是IE6,我现在是极力避免碰到.......我电脑上装了VS,每调试一次IE6的代码就觉得世界坍塌一次........
    Livid
        13
    Livid  
    MOD
       2011-11-23 04:26:05 +08:00
    Firefox 上有 3 个插件是对开发者非常有用的:

    * Web Developer
    * JSONView
    * Firebug

    装好之后,在调试的时候,可以在 JavaScript 里用 console.log() 输出调试信息,然后在 Firebug 里就可以看到了。
    yyfearth
        14
    yyfearth  
       2011-11-23 08:55:11 +08:00
    console.log替代alert,因为alert会影响一些异步调用。
    FuryBean
        15
    FuryBean  
       2011-11-23 08:59:11 +08:00
    IDE推荐Intellij IDEA,或者精简版WebStorm。
    这个IDE重构、提示很强,比aptana强不少。
    Chris_Ys
        16
    Chris_Ys  
       2011-11-23 11:39:28 +08:00
    @mywaiting IE6 没什么好说, 我们都是尽量在 IE7 上开发, IE6 能略过就略过
    duhastmich
        17
    duhastmich  
       2011-11-24 12:28:15 +08:00
    firefox 自己也带了些工具
    * Inspect <c-s-i> 效果不错
    * Console <c-s-k> 打开后可以直接敲js,带补全
    * scratchpad <s-f4>

    http://blog.mozilla.com/devtools/
    sunshaozong
        18
    sunshaozong  
       2011-11-24 12:46:43 +08:00
    chrome 内置调试工具。

    IE系列的就惨了些。
    IE6,就直接Alert看吧。 IE7-9 有内置工具。
    Kv_se7en
        19
    Kv_se7en  
       2011-11-24 13:24:32 +08:00
    chrome developer tool + fiddler + jsLint .. enough
    WarWithinMe
        20
    WarWithinMe  
       2011-11-24 13:29:50 +08:00
    chrome自带的就已经足够了。。
    people2net
        21
    people2net  
       2011-12-06 18:30:33 +08:00
    Firefox 上可以用 firebug, 然后, IE可以考虑用 Companion.JS,Chrome自己也带debug工具, 详细介绍可以看看我的这个文章: http://www.gbin1.com/technology/javascript/javascriptdebugtools2/。调试jQuery还可以使用Firefox的插件Firequery。
    reducm
        22
    reducm  
       2011-12-06 18:43:06 +08:00 via Android
    try catch+firebug足够好用,chrome调试工具字比较小不喜
    raptium
        23
    raptium  
       2011-12-06 20:40:25 +08:00
    我本以为 chrome 上的够用了 结果发现下断点之后 crash 得实在太离谱了
    还是转用 firebug 吧,至少不会 crash
    qiayue
        24
    qiayue  
       2011-12-06 20:49:10 +08:00
    我现在用的就是chrome,自带的debug搞定了我暂时所需的一切
    iwege
        25
    iwege  
       2011-12-06 21:39:42 +08:00
    @raptium chrome断点很久了,crash基本没有过。
    orzzzzz
        26
    orzzzzz  
       2011-12-06 21:45:34 +08:00
    weicaizhi
        27
    weicaizhi  
       2012-03-29 23:20:42 +08:00
    在用firebug,不过在这帖子里也学习了不少。。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5739 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 01:41 · PVG 09:41 · LAX 17:41 · JFK 20:41
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.