status-im
/
metro
mirror of https://github.com/status-im/metro.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

RN: Style Tweaks to Chrome Debugger UI

This commit is contained in:
Tim Yung 2015-08-19 15:42:27 -07:00
parent d8c8993758
commit 2efc7eb35d
1 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
debugger.html
View File

@ -23,7 +23,7 @@ window.localStorage.removeItem('sessionID');
window.onbeforeunload = function() { window.onbeforeunload = function() {
if (sessionID) { if (sessionID) {
return 'If you reload this page, it is going to break the debugging session. ' + return 'If you reload this page, it is going to break the debugging session. ' +
'You should ⌘+R in the iOS simulator to reload.'; 'You should press ⌘R in simulator to reload.';
} }
}; };
@ -76,10 +76,10 @@ function connectToDebuggerProxy() {
ws.onopen = function() { ws.onopen = function() {
if (sessionID) { if (sessionID) {
setStatus('Debugger session #' + sessionID + ' active'); setStatus('Debugger session #' + sessionID + ' active.');
ws.send(JSON.stringify({replyID: parseInt(sessionID, 10)})); ws.send(JSON.stringify({replyID: parseInt(sessionID, 10)}));
} else { } else {
setStatus('Waiting, press ⌘R in simulator to reload and connect'); setStatus('Waiting, press <span class="shortcut">⌘R</span> in simulator to reload and connect.');
} }
}; };
@ -126,7 +126,8 @@ function loadScript(src, callback) {
font-weight: 200; font-weight: 200;
} }
.shortcut { .shortcut {
font-family: monospace; font-family: "Monaco", monospace;
font-size: medium;
color: #eee; color: #eee;
background-color: #333; background-color: #333;
padding: 4px; padding: 4px;
@ -175,10 +176,10 @@ function loadScript(src, callback) {
</div> </div>
<div class="content"> <div class="content">
<p> <p>
React Native JS code runs inside this Chrome tab React Native JS code runs inside this Chrome tab.
</p> </p>
<p>Press <span class="shortcut">⌘⌥J</span> to open Developer Tools. Enable <a href="http://stackoverflow.com/a/17324511/232122" target="_blank">Pause On Caught Exceptions</a> for a better debugging experience.</p> <p>Press <span class="shortcut">⌘⌥J</span> to open Developer Tools. Enable <a href="http://stackoverflow.com/a/17324511/232122" target="_blank">Pause On Caught Exceptions</a> for a better debugging experience.</p>
<p>Status: <span id="status">Loading</span></p> <p>Status: <span id="status">Loading...</span></p>
</div> </div>
</body> </body>
</html> </html>