V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
Akagi201
V2EX  ›  问与答

js 新手, 很多行 js 代码, 怎么调试比较快, 浏览器的 console 只能一行一行运行, 太麻烦了

  •  
  •   Akagi201 · 2015-05-10 09:59:17 +08:00 · 4149 次点击
    这是一个创建于 3508 天前的主题,其中的信息可能已经有所发展或是发生改变。

    在熟悉js语法.

    经常需要写一些小段程序来测试.

    推荐下调试工具.

    mac系统.

    13 条回复    2019-07-21 08:42:44 +08:00
    Septembers
        1
    Septembers  
       2015-05-10 10:01:40 +08:00 via Android   ❤️ 1
    论Chrome DevTools的正确打开方式。

    see https://developer.chrome.com/devtools
    skyshy
        2
    skyshy  
       2015-05-10 10:45:59 +08:00   ❤️ 1
    Orz [Shift+Enter]
    SoloCompany
        3
    SoloCompany  
       2015-05-10 11:41:39 +08:00 via iPad   ❤️ 1
    coderunner
    好像也有同款是专为前端设计的
    Summertime
        4
    Summertime  
       2015-05-10 11:45:42 +08:00   ❤️ 1
    Firebug,还有Firefox自身带的“代码草稿纸”——https://developer.mozilla.org/en-US/docs/Tools/Scratchpad。
    loveyu
        5
    loveyu  
       2015-05-10 13:45:07 +08:00   ❤️ 1
    加上断点或者添加debugger;关键字就可以了啊,我到是觉得挺好用的
    zjuhwc
        6
    zjuhwc  
       2015-05-10 17:04:18 +08:00
    sublime + node + 自定义js build脚本 = cmd + b 运行整个js文件
    Akagi201
        7
    Akagi201  
    OP
       2015-05-10 19:06:58 +08:00
    @zjuhwc node的js语法跟浏览器里的js语法没什么差别吧? 我主要要测试一些类的关系, 变量作用域之类的东西.
    YuJianrong
        8
    YuJianrong  
       2015-05-11 01:31:59 +08:00 via iPad   ❤️ 1
    @Akagi201 node用的js引擎和chrome一样是v8所以没什么差别的。调试还是chrome devtools最好,firebug和IE都差很多。用node的话调试最方便的是node-inspector,不过学习纯JS直接用chrome devtools最方便的了。
    Akagi201
        9
    Akagi201  
    OP
       2015-05-11 10:03:52 +08:00
    @YuJianrong 恩, 好的, 多谢.
    Akagi201
        10
    Akagi201  
    OP
       2015-05-11 16:05:54 +08:00
    @Summertime 今天测试了下, 帅, 正是我想要的.
    zjuhwc
        11
    zjuhwc  
       2015-08-16 13:23:07 +08:00   ❤️ 1
    Akagi201
        12
    Akagi201  
    OP
       2015-08-16 17:01:46 +08:00
    @zjuhwc 恩, node是不错的东西, 谢了
    xiaomingVTEX
        13
    xiaomingVTEX  
       2019-07-21 08:42:44 +08:00   ❤️ 1
    虽然已经是 9102 了, 但是这个问题也是我一直在找寻的;
    也是之前用过火狐的代码草稿纸, 终于找到 Google 也有这个功能:
    1. 打开 chrome devtools ```Ctrl + Shift + I```
    2. 使用命令 ```Ctrl + Shift + P```
    3. 关键字 ```>snippet```

    https://developers.google.com/web/tools/chrome-devtools/javascript/snippets

    另外之前用的一个工具 https://runjs.dev
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3067 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 04:58 · PVG 12:58 · LAX 20:58 · JFK 23:58
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.