lynx-console

A floating button opens console, network, and performance panels on top of a running Lynx app. Read your logs without a computer.

Main thread logs, too

A console.log inside a 'main thread' function lands in the same list as the rest.

A REPL in the app

Type code at the bottom of the log tab and it runs inside the app.

Every fetch is recorded

Method, status, headers, request body, response. Recording starts at init.

Custom tabs

You can put any debugging information you need into a console tab.

Three steps to get it running

Full guide →
01Install
npm install lynx-console
02Initialize at the entry point
// src/index.tsx
import {
  initLogMonitor,
  initNetworkMonitor,
} from "lynx-console/setup";

initLogMonitor();
initNetworkMonitor();
03Render the component
// src/App.tsx
import LynxConsole from "lynx-console";

<view>
  {/* your app */}
  <LynxConsole />
</view>;