]>
Commit | Line | Data |
---|---|---|
7c673cae FG |
1 | <!DOCTYPE html> |
2 | <html> | |
3 | <head> | |
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> | |
9 | </head> | |
10 | <body> | |
11 | ||
12 | <div id="part-header"> | |
13 | ((o) Duktape debugger | |
14 | </div> <!-- #part-header --> | |
15 | ||
16 | <div id="part-middle"> | |
17 | ||
18 | <div id="left-area"> | |
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> | |
24 | <br /> | |
25 | <br /> | |
26 | <br /> | |
27 | <br /> | |
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 --> | |
34 | ||
35 | <div id="center-area"> | |
36 | <pre id="source-pre" class="sourcecode"><code id="source-code" class="sourcecode"> | |
37 | // No source loaded | |
38 | </code></pre> | |
39 | <div> | |
40 | <select id="source-select"></select><br /> | |
41 | <!-- <span id="source-filename">?</span> --> | |
42 | </div> | |
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 --> | |
47 | <div id="output"> | |
48 | <div style="color: #dddddd">(output from script, print() and alert() calls)</div> | |
49 | </div> | |
50 | </div> <!-- #center-area --> | |
51 | ||
52 | <div id="right-area"> | |
53 | <div id="callstack"> | |
54 | <div style="color: #dddddd">(callstack)</div> | |
55 | </div> | |
56 | <div id="locals"> | |
57 | <div style="color: #dddddd">(locals)</div> | |
58 | </div> | |
59 | <div id="breakpoints"> | |
60 | <div style="color: #dddddd">(breakpoints)</div> | |
61 | </div> | |
62 | <div id="eval"> | |
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> | |
67 | </div> | |
68 | </div> <!-- #right-area --> | |
69 | ||
70 | </div> <!-- #part-middle --> | |
71 | ||
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 /> | |
74 | Debug protocol stats: | |
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 | |
77 | </div> | |
78 | </div> <!-- #part-footer --> | |
79 | ||
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 --> | |
86 | ||
87 | <div id="bytecode-dialog" title="Bytecode for current function"> | |
88 | <pre id="bytecode-preformatted"></pre> | |
89 | </div> | |
90 | ||
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> | |
95 | </body> | |
96 | </html> |