190 lines
5.8 KiB
HTML
190 lines
5.8 KiB
HTML
<html>
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
|
<title>GBA.js Debugger</title>
|
|
<script src="js/util.js"></script>
|
|
<script src="resources/console.js"></script>
|
|
<link href="resources/console.css" rel="stylesheet">
|
|
<script>
|
|
window.onmessage = function(message) {
|
|
if (message.origin != document.domain && (message.origin != 'file://' || document.domain)) {
|
|
console.log('Failed XSS');
|
|
return;
|
|
}
|
|
switch (message.data) {
|
|
case 'connect':
|
|
master = message.source;
|
|
initialize(master.gba);
|
|
master.postMessage('connected', document.domain || '*');
|
|
break;
|
|
case 'disconnect':
|
|
master = null;
|
|
gba.DEBUG('Emulator disconnected');
|
|
gbaCon = null;
|
|
gba = null;
|
|
window.close();
|
|
break;
|
|
}
|
|
};
|
|
|
|
function setLogLevel(level, enabled) {
|
|
gba.logLevel &= ~level;
|
|
gba.logLevel |= enabled && level;
|
|
};
|
|
|
|
var gbaCon;
|
|
function initialize(gba) {
|
|
window.gba = gba;
|
|
gba.logLevel = gba.LOG_ERROR | gba.LOG_WARN | gba.LOG_DEBUG;
|
|
gbaCon = new Console(gba);
|
|
gba.DEBUG('Debugger initialized');
|
|
}
|
|
|
|
function savestate() {
|
|
gbaCon.pause();
|
|
var state = gba.freeze();
|
|
Serializer.serializePNG(Serializer.serialize(state), master.document.getElementById('screen'), function(url) {
|
|
var img = document.getElementById('saveState');
|
|
img.setAttribute('src', url);
|
|
});
|
|
};
|
|
|
|
function loadSavestate(state) {
|
|
try {
|
|
Serializer.deserializePNG(state, function (result) {
|
|
gba.defrost(result);
|
|
gba.DEBUG('Loaded state');
|
|
});
|
|
} catch (exception) {
|
|
gba.ERROR('Failed to load savestate', exception);
|
|
}
|
|
}
|
|
|
|
window.onload = function() {
|
|
if (window.opener) {
|
|
window.opener.postMessage('connect', document.domain || '*');
|
|
}
|
|
}
|
|
|
|
window.onunload = function() {
|
|
gba.doStep = gba.waitFrame;
|
|
if (window.master) {
|
|
window.master.postMessage('disconnect', document.domain || '*');
|
|
}
|
|
}
|
|
</script>
|
|
|
|
</head>
|
|
<body><section id="top">
|
|
<section id="consoleContainer">
|
|
<div id="consoleControls">
|
|
<label><input type="checkbox" checked onclick="setLogLevel(gba.LOG_ERROR, this.checked)">ERROR</label>
|
|
<label><input type="checkbox" checked onclick="setLogLevel(gba.LOG_WARN, this.checked)">WARN</label>
|
|
<label><input type="checkbox" onclick="setLogLevel(gba.LOG_STUB, this.checked)">STUB</label>
|
|
<label><input type="checkbox" onclick="setLogLevel(gba.LOG_INFO, this.checked)">INFO</label>
|
|
<label><input type="checkbox" checked onclick="setLogLevel(gba.LOG_DEBUG, this.checked)">DEBUG</label>
|
|
</div>
|
|
<ul id="console"></ul>
|
|
<img id="saveState">
|
|
</section>
|
|
<section id="main">
|
|
<section id="display">
|
|
<select id="debugViewSelector" onchange="gbaCon.setView(gbaCon[this.options[this.selectedIndex].value])">
|
|
<option>None</option>
|
|
<option value="paletteView">Palette</option>
|
|
<option value="tileView">Tile</option>
|
|
</select>
|
|
<div id="debugViewer"></div>
|
|
</section>
|
|
<section id="controls">
|
|
<button onclick="gbaCon.step()">Step</button>
|
|
<button onclick="gbaCon.runVisible()">Run slowly</button>
|
|
<button onclick="gbaCon.runFrame()">Next frame</button>
|
|
<button onclick="gbaCon.run()">Run quickly</button>
|
|
<button onclick="gbaCon.pause()">Pause</button>
|
|
</section>
|
|
<section id="saving">
|
|
<button onclick="document.getElementById('uploadSave').click()">Load savedata</button>
|
|
<input type="file" id="uploadSave" onchange="gba.loadSavedataFromFile(this.files[0])" style="display: none">
|
|
<button onclick="gba.downloadSavedata()">Download savedata</button>
|
|
<button onclick="gba.storeSavedata()">Store savedata</button>
|
|
<button onclick="savestate()">Freeze</button>
|
|
<input type="file" id="uploadSavestate" onchange="loadSavestate(this.files[0])" style="display: none">
|
|
<button onclick="document.getElementById('uploadSavestate').click()">Defrost</button>
|
|
</section>
|
|
<section id="registers">
|
|
<div>
|
|
<h3>GPRs</h3>
|
|
<ol id="gprs">
|
|
<li id="r0">0x00000000</li>
|
|
<li id="r1">0x00000000</li>
|
|
<li id="r2">0x00000000</li>
|
|
<li id="r3">0x00000000</li>
|
|
<li id="r4">0x00000000</li>
|
|
<li id="r5">0x00000000</li>
|
|
<li id="r6">0x00000000</li>
|
|
<li id="r7">0x00000000</li>
|
|
<li id="r8">0x00000000</li>
|
|
<li id="r9">0x00000000</li>
|
|
<li id="r10">0x00000000</li>
|
|
<li id="r11">0x00000000</li>
|
|
<li id="r12">0x00000000</li>
|
|
<li id="r13">0x00000000</li>
|
|
<li id="r14">0x00000000</li>
|
|
<li id="r15">0x00000000</li>
|
|
</ol>
|
|
</div>
|
|
<div>
|
|
<h3>Status bits</h3>
|
|
<ol id="psr">
|
|
<li id="cpsrN">N</li>
|
|
<li id="cpsrZ">Z</li>
|
|
<li id="cpsrC">C</li>
|
|
<li id="cpsrV">V</li>
|
|
<li id="cpsrI">I</li>
|
|
<li id="cpsrT">T</li>
|
|
<li>Mode: <span id="mode">SYSTEM</span></li>
|
|
</ol>
|
|
</div>
|
|
</section>
|
|
<section id="breakpoints">
|
|
<div id="breakpointControls">
|
|
Add breakpoint:
|
|
<input type="text" onchange="gbaCon.addBreakpoint(parseInt(this.value, 16))">
|
|
</div>
|
|
<ul id="breakpointView">
|
|
</ul>
|
|
</section>
|
|
</section>
|
|
<section id="memory">
|
|
<div id="memoryControls">
|
|
<h3>Jump to:</h3>
|
|
<ul>
|
|
<li>
|
|
Region:
|
|
<select onchange="gbaCon.memory.scrollTo(this.options[this.selectedIndex].value * 0x01000000)">
|
|
<option value="0">0x00000000: BIOS</option>
|
|
<option value="2">0x02000000: On-Board RAM</option>
|
|
<option value="3">0x03000000: In-Chip RAM</option>
|
|
<option value="4">0x04000000: I/O</option>
|
|
<option value="5">0x05000000: Palette</option>
|
|
<option value="6">0x06000000: VRAM</option>
|
|
<option value="7">0x07000000: OAM</option>
|
|
<option value="8">0x08000000: Gamepak WS 0</option>
|
|
<option value="10">0x0A000000: Gamepak WS 1</option>
|
|
<option value="12">0x0C000000: Gamepak WS 2</option>
|
|
<option value="14">0x0E000000: Gamepak SRAM</option>
|
|
</select>
|
|
</li>
|
|
<li>
|
|
Address:
|
|
<input type="text" onchange="gbaCon.memory.scrollTo(parseInt(this.value, 16))">
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<ul id="memoryView"></ul>
|
|
</section>
|
|
</section>
|
|
</body>
|
|
</html>
|