推荐关注
Meteor
JSLint - a JavaScript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
JavaScript 权威指南第 5 版
Closure: The Definitive Guide
xingzhi

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

  •  
  •   xingzhi · Nov 22, 2011 · 10549 views
    This topic created in 5301 days ago, the information mentioned may be changed or developed.
    目前我只知道aptana这个工具了。但需要firebug+aptana火狐插件的配合。
    因为我机子的火狐是最新版,aptana并不支持 T T
    所以没调试成功。

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

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

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

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

    多谢回答!

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

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

    * Web Developer
    * JSONView
    * Firebug

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

    http://blog.mozilla.com/devtools/
    sunshaozong
        18
    sunshaozong  
       Nov 24, 2011
    chrome 内置调试工具。

    IE系列的就惨了些。
    IE6,就直接Alert看吧。 IE7-9 有内置工具。
    Kv_se7en
        19
    Kv_se7en  
       Nov 24, 2011
    chrome developer tool + fiddler + jsLint .. enough
    WarWithinMe
        20
    WarWithinMe  
       Nov 24, 2011
    chrome自带的就已经足够了。。
    people2net
        21
    people2net  
       Dec 6, 2011
    Firefox 上可以用 firebug, 然后, IE可以考虑用 Companion.JS,Chrome自己也带debug工具, 详细介绍可以看看我的这个文章: http://www.gbin1.com/technology/javascript/javascriptdebugtools2/。调试jQuery还可以使用Firefox的插件Firequery。
    reducm
        22
    reducm  
       Dec 6, 2011 via Android
    try catch+firebug足够好用,chrome调试工具字比较小不喜
    raptium
        23
    raptium  
       Dec 6, 2011
    我本以为 chrome 上的够用了 结果发现下断点之后 crash 得实在太离谱了
    还是转用 firebug 吧,至少不会 crash
    qiayue
        24
    qiayue  
    PRO
       Dec 6, 2011
    我现在用的就是chrome,自带的debug搞定了我暂时所需的一切
    iwege
        25
    iwege  
       Dec 6, 2011
    @raptium chrome断点很久了,crash基本没有过。
    orzzzzz
        26
    orzzzzz  
       Dec 6, 2011
    weicaizhi
        27
    weicaizhi  
       Mar 29, 2012
    在用firebug,不过在这帖子里也学习了不少。。
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   2516 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 79ms · UTC 16:02 · PVG 00:02 · LAX 09:02 · JFK 12:02
    ♥ Do have faith in what you're doing.