原文http://d.hatena.ne.jp/Syunpei/20080904/1220500815
这篇文章介绍的很清楚了。喜欢用命令行的爱用这个,挺有意思的
别名
命令
b break
bi break_info
br
break
bt
backtrace
c continue
f frame
h help
? help
s source
n next
p print
s step
so stepout
我译了一下他的演示过程:
JavaScript Debugger
attached to a. html
$ b reverseDisplay <---------- reverseDisplay方法设置断点
set breakpoint # 2
$ bt <---------- back trace显示(onclick → reverseDisplay了解被执行的情况)
Frames # 0 to # 1 of 2:
# 00 reverseDisplay () file:///C:/Documents and Settings/Administrator/desktop/a.html line 5 column 2(position 31)
# 01 #<an HTMLButtonElement>.Onclick(evt = #)file:///C:/Documents and Settings/Administrator/desktop/a.html line 17 column 9 (position 143)
$ bi 2 <------ 显示断点2的信息
id=2, hit_count=0, type=function, target=reverseDisplay
paused at breakpoint 2: reverseDisplay(), file:///C:/Documents and Settings/Administrator/Desktop/a.html
5: var input=document.getElementById( "input").value;
$ ls <---------- 显看源代码
3:
4: function reverseDisplay () (
>>>> var input = document.getElementById ( "input"). value;
6: var out = "";
7: for (var i = input.length - 1; i> = 0; i -) (
8: out + = input . charAt (i);
9: )
10: output (out);
11:)
$ n <---------- 前进1行
7: for (var i = input.length - 1; i> = 0; i -) (
$ p input <---------- 显示变量input的值
$ b :10 <---------- 设第10行为断点(#3).
set breakpoint #3
$ bi <---------- 显示全部断点信息
Num breakpoints: 2
id=2, hit_count=1, type=function, target=reverseDisplay
id=3, hit_count=0, type=script, target=file:///C:/Documents and Settings/Administrator/デスクトップ/a.html, line=9
$ c <---------- 继续执行到第10行
paused at breakpoint 3: reverseDisplay(), file:///C:/Documents and Settings/Administrator/デスクトップ/a.html
10: output(out);
$ s <---------- 步进到output方法
output(out=おえういあ), file:///C:/Documents and Settings/Administrator/デスクトップ/a.html
13: document.getElementById("output").textContent = out;
$ args <---------- 查看方法的参数
out = "おえういあ"
$ frame <----------查看当前的frame(output方法)
#0 output, file:///C:/Documents and Settings/Administrator/デスクトップ/a.html
13: document.getElementById("output").textContent = out;
$ frame 1 <----------查看frame1(reverseDisplay方法)
#1 reverseDisplay, file:///C:/Documents and Settings/Administrator/デスクトップ/a.html
10: output(out);
$ frame 2 <----------查看frame2(onclick方法)
#2 onclick, file:///C:/Documents and Settings/Administrator/デスクトップ/a.html
17: reverseDisplay();
$ bt 1 2 <----------反向跟踪frame 1~2
Frames #1 to #2 of 3:
#01 reverseDisplay() file:///C:/Documents and Settings/Administrator/デスクトップ/a.html line 10 column 2 (position 175)
#02 #<an HTMLButtonElement>.onclick(evt=# ) file:///C:/Documents and Settings/Administrator/デスクトップ/a.html line 17 column 9 (position 143)
$ so <---------- 步出output方法
reverseDisplay(), file:///C:/Documents and Settings/Administrator/デスクトップ/a.html
11: }
$ locals <---------- 查看本地变量
input = "あいうえお"
out = "おえういあ"
i = -1
$ c <---------- 继续执行、结束
分享到:
相关推荐
第二步:命令行输入spy-debugger,按命令行提示用浏览器打开相应地址。 第三步:设置手机的HTTP代理,代理IP地址设置为PC的IP地址,端口为spy-debugger的启动端口(默认端口:9888)。 第四步:...
PHP调试环境搭建-Zend Debugger安装 PHP调试环境搭建-Zend Debugger安装
用于nokia s40的真机调试 用于nokia s40的真机调试 用于nokia s40的真机调试
windows 0.12.1版本,兼容比较老的reactnative版本
javascript脚本调试工具 Script Debugger 集成在IE中的一款很原始的调试工具,具备基本的调试功能,除了可以用于调试客户端脚本,还能调试在Microsoft IIS上运行的服务器端脚本。该工具命令窗口是基于文本的,针对...
Laravel开发-laravel-api-debugger 轻松调试JSON API。
Jackal JavaScript Debugger是一个用javascript编写的调试工具,用于客户端javascript调试。它支持对已加载脚本的运行时访问。 允许在运行时编辑函数,变量等。 Beta版本3.0.0已发布
Laravel开发-api-debugger Laravel API响应中的调试信息
mac端可视化调试react或者reactnative工具,可以调试redux应用状态
在js开发的调试过程中,如果仅仅是监视当前语句的运行结果,那么除了使用ff+firebug 或者ie+ie debugger,第三个选择我想绝大多数人会使用alert。我偶然在网上见到一个js调试工具-blackbird 我在开发过程中主要js操作...
微软的JavaScript调试工具:Script Debugger 这是英文版,中文版在实际运行过程中,无法捕捉异常,所以不怎么好用。
支持来自 chrome 开发人员工具的所有已知调试器功能,如步进、显示堆栈、重新启动帧、对象评估、文件重新编译、Web 工作者调试。 Chrome 需要使用以下命令行参数启动,以便打开调试端口: chrome --remote-...
Api-ApiDebugger.zip,帮助您轻松完成api调试的idea插件。,一个api可以被认为是多个软件设备之间通信的指导手册。例如,api可用于web应用程序之间的数据库通信。通过提取实现并将数据放弃到对象中,api简化了编程。
这是与一起使用的调试器。 它改编自Stefan Hedman 编写的。 注意:该调试器当前不适用于 。安装yarn add cannon-es-debugger确保您还具有three和cannon-es作为依赖项。 yarn add three cannon-es用法为cannon-es-...
JavaScript Debugger version 0.9.88.1 兼容于: Thunderbird 3.0 - 3.3a1pre SeaMonkey 2.0 - 2.1b2 Firefox 3.5 - 4.0b8pre
EDB Debugger for lINUX 32/64 Bit
rld 是一个非交互的调试工具,用于调试 Redis 的 Lua 脚本,这里有篇详细介绍的文章。 rld 特性包括: 易于安装,只有 6kB 可打印输出到本地和远端 跟踪执行的代码行 先进的数值变化的自动监控机制报告 报告...
VS Code 探针-rs-调试器使用probe-rs-debugger在 VS Code 中安装probe-rs-debugger扩展,方法是从这个 repo 的Releases页面下载最新的probe-rs-debugger-0.2.1.vsix (我们将在适当的时候发布到 Microsoft 扩展市场...
UP-Debugger 多功能调试器带驱动(调试机器人舵机)