4 <meta charset=
"utf-8" />
5 <link rel=
"stylesheet" href=
"reset.css" type=
"text/css" />
6 <link rel=
"stylesheet" href=
"jquery-ui.min.css" type=
"text/css" />
7 <link rel=
"stylesheet" href=
"style.css" type=
"text/css" />
8 <title>Duktape debugger
</title>
12 <div id=
"part-header">
14 </div> <!-- #part-header -->
16 <div id=
"part-middle">
19 <button id=
"stepinto-button">Step
 into
</button>
20 <button id=
"stepover-button">Step
 over
</button>
21 <button id=
"stepout-button">Step
 out
</button>
22 <button id=
"resume-button">Resume
</button>
23 <button id=
"pause-button">Pause
</button>
28 <button id=
"attach-button">Attach
</button>
29 <button id=
"detach-button">Detach
</button>
30 <button id=
"about-button">About
</button>
31 <button id=
"heap-dump-download-button"><a id=
"heap-dump-download" href=
"/heapDump.json" target=
"_blank">Dump
 heap
</a></button>
32 <button id=
"show-bytecode-button">Show bytecode
</button>
33 </div> <!-- #left-area -->
35 <div id=
"center-area">
36 <pre id=
"source-pre" class=
"sourcecode"><code id=
"source-code" class=
"sourcecode">
40 <select id=
"source-select"></select><br />
41 <!-- <span id="source-filename">?</span> -->
43 <div id=
"exec-status">
44 <div id=
"exec-state"><span id=
"current-state">?
</span></div>
45 <div id=
"exec-other"><span id=
"current-fileline">?
</span><br /><span id=
"current-funcpc">?
</span></div>
46 </div> <!-- #exec-status -->
48 <div style=
"color: #dddddd">(output from script, print() and alert() calls)
</div>
50 </div> <!-- #center-area -->
54 <div style=
"color: #dddddd">(callstack)
</div>
57 <div style=
"color: #dddddd">(locals)
</div>
59 <div id=
"breakpoints">
60 <div style=
"color: #dddddd">(breakpoints)
</div>
63 <input id=
"eval-input" value=
"print('hello world'); 1+2" /><button id=
"eval-button">Eval
</button><input id=
"eval-watch" type=
"checkbox" /> watch (eval on pause)
64 <div id=
"eval-output"></div>
65 <button id=
"putvar-button">PutVar
</button><button id=
"getvar-button">GetVar
</button><input id=
"varname-input" value=
"varname" /><input id=
"varvalue-input" value=
"varvalue" />
66 <div id=
"var-output"></div>
68 </div> <!-- #right-area -->
70 </div> <!-- #part-middle -->
72 <div id=
"part-footer">
73 <div>DUK_VERSION:
<span id=
"duk-version">?
</span>, DUK_GIT_DESCRIBE:
<span id=
"duk-git-describe">?
</span>, Target info:
<span id=
"target-info">?
</span>, Endianness:
<span id=
"endianness">?
</span><br />
75 recv
<span id=
"debug-rx-bytes">?
</span> (
<span id=
"debug-rx-kbrate">?
</span> kB/s),
<span id=
"debug-rx-dvalues">?
</span> dvalues,
<span id=
"debug-rx-messages">?
</span> messages;
76 send
<span id=
"debug-tx-bytes">?
</span> (
<span id=
"debug-tx-kbrate">?
</span> kB/s),
<span id=
"debug-tx-dvalues">?
</span> dvalues,
<span id=
"debug-tx-messages">?
</span> messages
78 </div> <!-- #part-footer -->
80 <div id=
"about-dialog" title=
"About Duktape debugger">
81 <p>Duktape debugger is a web UI for debugging Ecmascript on a target device.
</p>
82 <p>This web UI talks to a NodeJS debug server using
<a href=
"http://socket.io/" target=
"_blank">socket.io
</a>.
83 The debug server talks to the target device using the Duktape debug protocol
84 (see
<a href=
"https://github.com/svaarala/duktape/blob/master/doc/debugger.rst" target=
"_blank">debugger.rst
</a>).
</p>
85 </div> <!-- #about-dialog -->
87 <div id=
"bytecode-dialog" title=
"Bytecode for current function">
88 <pre id=
"bytecode-preformatted"></pre>
91 <script src=
"jquery-1.11.1.min.js" type=
"text/javascript"></script>
92 <script src=
"jquery-ui.min.js" type=
"text/javascript"></script>
93 <script src=
"socket.io-1.2.0.js" type=
"text/javascript"></script>
94 <script src=
"webui.js" type=
"text/javascript"></script>