@callstack/repack-debugger-app
Version:
Browser debugger app for React Native applications as part of @callstack/repack.
50 lines (49 loc) • 1.74 kB
HTML
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="icon" href="data:;base64,iVBORw0KGgo=" />
<title>React Native Debugger</title>
<script defer src="/debugger-ui/static/js/main.508f7546.js"></script><link href="/debugger-ui/static/css/main.6a85a9ad.css" rel="stylesheet"></head>
<body>
<!-- <noscript>You need to enable JavaScript to run Learning Lab.</noscript>
<div id="root"></div> -->
<div class="content">
<label for="dark">
<input type="checkbox" id="dark" onclick="Page.toggleDarkTheme()" />
Dark Theme
</label>
<label for="maintain-priority">
<input
type="checkbox"
id="maintain-priority"
onclick="Page.togglePriorityMaintenance()"
/>
Maintain Priority
</label>
<p>
React Native JS code runs as a web worker inside this tab.
</p>
<p>
Press <kbd id="shortcut" class="shortcut">⌘⌥I</kbd> to open Developer
Tools. Enable
<a href="https://stackoverflow.com/a/17324511/232122" target="_blank"
>Pause On Caught Exceptions</a
>
for a better debugging experience.
</p>
<p>
You may also install
<a href="https://www.npmjs.com/package/react-devtools" target="_blank"
>the standalone version of React Developer Tools</a
>
to inspect the React component hierarchy, their props, and state.
</p>
<p>Status: <span id="status">Loading...</span></p>
<button class="reload-btn" onclick="window.onReloadClicked()">
Reload app
</button>
</div>
</body>
</html>