Changes between Version 15 and Version 16 of JavascriptDebugging
- Timestamp:
- Mar 3, 2013, 5:41:47 PM (11 years ago)
Legend:
- Unmodified
- Added
- Removed
- Modified
-
JavascriptDebugging
v15 v16 20 20 A yellow warning message is displayed in the game if the debugger is enabled. 21 21 22 [[Image(enabled_warning.jpg)]] 23 22 24 == Using the debugger == 25 === Starting === 26 First start the game and make sure that the debugger is enabled. Then open 0ad/source/tools/jsdebugger/index.html in a web browser. 23 27 24 === Starting === 25 First start the game and make sure that the debugger is enabled. 26 Then open 0ad/source/tools/jsdebugger/index.html in a web browser. 28 [[Image(after_startup.gif)]] 27 29 28 29 30 The debugger will load a list of script files loaded by the engine (1). 31 Because no file is loaded at the moment, the file panel in the middle (2) will be empty. 32 On the right side (3) you see all (or most) commands that are available. 33 On the bottom left side (4) there's a list of currently running script interface instances. They can all be different threads, but that's not necessarily so. 34 Because the scripts are running and we haven't triggered a breakpoint yet, the callstack window (5) is empty. The values window (6) contains the three root nodes for values you can watch (locals, this, global) but they are empty at the moment. 30 The debugger will load a list of script files loaded by the engine (1). Because no file is loaded at the moment, the file panel in the middle (2) will be empty. On the right side (3) you see all (or most) commands that are available. On the bottom left side (4) there's a list of currently running script interface instances. They can all be different threads, but that's not necessarily so. Because the scripts are running and we haven't triggered a breakpoint yet, the callstack window (5) is empty. The values window (6) contains the three root nodes for values you can watch (locals, this, global) but they are empty at the moment. 35 31 36 32 The following sections describe all these panels in more detail. … … 38 34 39 35 === Files (1) === 40 This is a list of all .js files currently loaded into the vfs by the engine. 41 You can type something in the search field and it will only display those files that match the pattern. 42 Double-clicking a file will open it in the file panel in the middle. 36 This is a list of all .js files currently loaded into the vfs by the engine. You can type something in the search field and it will only display those files that match the pattern. Double-clicking a file will open it in the file panel in the middle. 37 [[Image(file_filter.gif)]] 43 38 44 39 === File panel (2) === 45 The file panel displays a file with line numbers, syntax highlighting and even some basic syntax validations. However, it only displays the file and you can't edit it there directly. 46 You see breakpoints and can toggle breakpoints by klicking left beside the line numbers. 47 The yellow line shows you at which line the execution is currently halted. 40 The file panel displays a file with line numbers, syntax highlighting and even some basic syntax validations. However, it only displays the file and you can't edit it there directly. You see breakpoints and can toggle breakpoints by klicking left beside the line numbers. The yellow line shows you at which line the execution is currently halted. 48 41 49 50 51 52 42 [[Image(debugging_alpine_lakes.gif)]]